.arcade-page { --discovery-accent:#795b18; --discovery-focus:#9d6200; }
.arcade-page .arcade-header :is(.brand-mark,nav a), .arcade-page .arcade-footer a { display:inline-flex; align-items:center; min-width:48px; min-height:48px; }
.arcade-page :is(.arcade-header,.arcade-footer) a:focus-visible { outline:3px solid var(--discovery-focus); outline-offset:4px; }
html[data-theme="dark"] .arcade-page { --discovery-accent:#e5d69c; --discovery-focus:#efb84b; }
.discovery-chooser { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin:0 0 64px; }
.discovery-pick { position:relative; display:flex; flex-direction:column; overflow:hidden; min-width:0; min-height:48px; color:#f6f1e5; background:#151c25; border:1px solid #354047; border-radius:12px; text-decoration:none; transition:border-color .18s ease,transform .18s ease; }
.discovery-pick img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.discovery-pick-copy { padding:14px; display:flex; flex:1; flex-direction:column; gap:8px; }
.discovery-pick small { color:#b9c7c8; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.discovery-pick strong { font-size:17px; line-height:1.25; }
.discovery-pick-copy > span { color:#e5d69c; font-size:12px; margin-top:auto; padding-top:8px; }
.discovery-pick:hover { border-color:#e5d69c; transform:translateY(-3px); }
.discovery-pick:focus-visible { outline:3px solid var(--discovery-focus); outline-offset:4px; }
.discovery-browse-heading { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:24px; }
.discovery-browse-heading h2 { font-size:clamp(24px,3vw,36px); letter-spacing:-.03em; }
.discovery-browse-heading > span { color:var(--arcade-muted); font-size:13px; }
.discovery-room-tools { display:flex; align-items:center; gap:24px; flex-wrap:wrap; justify-content:flex-end; }
.discovery-room-tools > a { min-height:48px; display:inline-flex; align-items:center; color:var(--discovery-accent); text-underline-offset:5px; }
.arcade-room-heading > a { min-height:48px; display:inline-flex; align-items:center; }
.arcade-game-room:focus { outline:none; }
.discovery-play-tools { margin:0 0 16px; color:var(--arcade-ink); }
.discovery-play-actions { display:flex; flex-wrap:wrap; gap:8px; }
.discovery-play-actions > button,
.discovery-controls-dialog header > button { min-height:48px; padding:10px 16px; border:1px solid var(--arcade-rule); border-radius:8px; background:transparent; color:inherit; font:inherit; font-size:14px; cursor:pointer; }
.discovery-play-actions > button:hover,
.discovery-controls-dialog header > button:hover { border-color:var(--discovery-accent); }
.discovery-play-actions > button:focus-visible,
.discovery-controls-dialog button:focus-visible { outline:3px solid var(--discovery-focus); outline-offset:3px; }
.discovery-tool-status { margin:12px 0 0; color:var(--arcade-muted); font-size:14px; line-height:1.5; }
.discovery-copy-field { display:grid; gap:8px; max-width:640px; margin-top:12px; }
.discovery-copy-field input { width:100%; min-width:0; min-height:48px; padding:10px; border:1px solid var(--arcade-rule); border-radius:6px; color:inherit; background:transparent; font:inherit; }
.arcade-game-room.is-expanded { position:fixed; inset:0; z-index:1000; width:100%; height:100%; max-width:none; max-height:none; margin:0; box-sizing:border-box; overflow:auto; padding:16px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); background:var(--paper,#f3f4ef); color:var(--arcade-ink); overscroll-behavior:contain; }
html[data-theme="dark"] .arcade-game-room.is-expanded { background:#080f19; }
.arcade-game-room:fullscreen { border-radius:0; }
.arcade-game-room.is-expanded .arcade-room-heading { margin-bottom:8px; }
.discovery-game-content { min-width:0; }
.discovery-controls-dialog { box-sizing:border-box; width:min(800px,calc(100% - 24px)); max-width:none; max-height:calc(100dvh - 32px); margin:auto; padding:24px; overflow:auto; border:1px solid var(--arcade-rule); border-radius:12px; background:var(--paper,#f3f4ef); color:var(--arcade-ink); }
html[data-theme="dark"] .discovery-controls-dialog { background:#101923; }
.discovery-controls-dialog::backdrop { background:#030912c9; }
.discovery-controls-dialog > header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:24px; }
.discovery-controls-dialog h2 { font-size:24px; line-height:1.2; }
.golf-aim-buttons { display:flex; gap:8px; }
.golf-aim-buttons > button { min-width:80px; min-height:48px; touch-action:manipulation; }
.golf-footer-controls input[type="range"] { min-height:48px; touch-action:pan-y; }
.golf-swing-button { touch-action:manipulation; }
@media(max-width:480px) { .discovery-play-actions { display:grid; grid-template-columns:1fr 1fr; } .discovery-play-actions > button:last-child { grid-column:1/-1; } .discovery-controls-dialog { padding:18px; } .arcade-game-room.is-expanded { padding-inline:12px; } }
.arcade-card-footer > a { text-decoration:none; display:inline-flex; align-items:center; justify-content:space-between; gap:12px; }
.discovery-notice { padding:16px; border:1px solid #c6b979; border-radius:8px; margin-bottom:24px; }
@media(max-width:760px) { .discovery-chooser { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:40px; } .discovery-browse-heading { align-items:flex-start; flex-direction:column; gap:8px; } }
@media(max-width:480px) { .discovery-chooser { grid-template-columns:repeat(2,minmax(0,1fr)); } .discovery-pick-copy { padding:12px; } .discovery-pick strong { font-size:16px; } .discovery-pick:last-child { grid-column:1/-1; flex-direction:row; } .discovery-pick:last-child img { width:44%; aspect-ratio:16/10; } .discovery-room-tools { gap:4px 12px; font-size:12px; } .discovery-room-tools > a { min-height:48px; } }
@media(prefers-reduced-motion:reduce) { .discovery-pick { transition:none; } .discovery-pick:hover { transform:none; } }

.discovery-continue { display:grid; grid-template-columns:148px minmax(0,1fr) auto; align-items:center; gap:24px; margin:0 0 32px; padding:20px; border:1px solid #52624d; border-radius:12px; background:#17211c; }
.discovery-continue img { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:6px; }
.discovery-continue h2 { color:#d7ce9d; font-size:13px; font-weight:600; margin:0 0 8px; }
.discovery-continue .discovery-continue-name { color:#f6f1e5; font-size:24px; font-weight:700; line-height:1.2; margin:0 0 8px; }
.discovery-continue p { color:#bac8bf; font-size:14px; line-height:1.5; margin:0; }
.discovery-continue > a { display:flex; align-items:center; justify-content:space-between; gap:18px; text-decoration:none; min-height:52px; }
.discovery-chooser { margin-bottom:24px; }
.discovery-guides { margin-bottom:64px; border-block:1px solid var(--arcade-rule); }
.discovery-guides > summary { display:flex; align-items:center; gap:20px; min-height:64px; padding-block:12px; cursor:pointer; list-style:none; color:var(--arcade-ink); font-size:18px; font-weight:600; }
.discovery-guides > summary::-webkit-details-marker { display:none; }
.discovery-guides > summary small { color:var(--arcade-muted); font-size:13px; font-weight:400; }
.discovery-guide-expand { margin-left:auto; font-size:24px; }
.discovery-guides[open] .discovery-guide-expand { transform:rotate(45deg); }
.discovery-guides > summary:hover { color:var(--discovery-accent); }
.discovery-guides :is(button,summary,a):focus-visible { outline:3px solid var(--discovery-focus); outline-offset:4px; }
.discovery-continue a:focus-visible { outline:3px solid #e5b84c; outline-offset:4px; }
.discovery-guides-body { padding:8px 0 28px; }
.discovery-guide-select { display:flex; flex-wrap:wrap; gap:8px; }
.discovery-guide-select button { min-height:48px; padding:10px 16px; border:1px solid #52616b; border-radius:8px; background:transparent; color:var(--arcade-ink); font:inherit; font-size:14px; cursor:pointer; }
.discovery-guide-select button[aria-pressed="true"] { color:#14211b; background:#e5d69c; border-color:#e5d69c; font-weight:700; }
.discovery-guide-select button:hover { border-color:var(--discovery-accent); }
.discovery-guide-goal { max-width:70ch; margin:24px 0; font-size:18px; line-height:1.6; color:var(--arcade-ink); }
.discovery-guide-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; }
.discovery-guide-columns h3 { color:var(--arcade-ink); font-size:16px; margin:0 0 20px; }
.discovery-key-list { margin:0; }
.discovery-key-list > div { display:grid; grid-template-columns:minmax(110px,.8fr) minmax(0,1fr); align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid var(--arcade-rule); }
.discovery-key-list dt { display:flex; flex-wrap:wrap; gap:5px; }
.discovery-key-list kbd { display:inline-flex; align-items:center; justify-content:center; min-width:28px; min-height:30px; padding:4px 7px; border:1px solid #718078; border-bottom-width:3px; border-radius:5px; background:#1e2a26; color:#f6f1e5; font-family:inherit; font-size:12px; font-weight:600; }
.discovery-key-list dd { margin:0; color:var(--arcade-muted); font-size:14px; line-height:1.55; }
.discovery-touch-diagram { max-width:280px; color:var(--discovery-accent); margin:0 0 20px; text-align:center; }
.discovery-touch-diagram svg { width:100%; height:auto; display:block; margin-bottom:8px; }
.discovery-touch-diagram > span { font-size:12px; }
.discovery-touch-labels { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:12px; }
.discovery-touch-labels > span { padding:6px 12px; border:1px solid #607169; border-radius:6px; color:var(--arcade-ink); font-size:12px; }
.discovery-guide-columns p { color:var(--arcade-muted); font-size:14px; line-height:1.7; max-width:50ch; }
.discovery-guide-columns .discovery-pause-note { margin-top:12px; color:var(--arcade-muted); }
.discovery-guide-tip { border-top:1px solid var(--arcade-rule); padding-top:20px; margin-top:28px; color:var(--arcade-muted); font-size:14px; line-height:1.7; }
.discovery-guide-tip strong { color:var(--discovery-accent); margin-right:8px; }
@media(max-width:760px) { .discovery-continue { grid-template-columns:100px minmax(0,1fr); gap:16px; padding:16px; } .discovery-continue > a { grid-column:1/-1; } .discovery-guide-columns { gap:24px; } .discovery-guides { margin-bottom:40px; } }
@media(max-width:540px) { .discovery-continue .discovery-continue-name { font-size:20px; } .discovery-continue { grid-template-columns:80px minmax(0,1fr); } .discovery-continue p { font-size:13px; } .discovery-guides > summary { flex-wrap:wrap; gap:4px 12px; position:relative; padding-right:24px; } .discovery-guides > summary small { width:100%; } .discovery-guide-expand { position:absolute; right:0; top:16px; } .discovery-guide-select { gap:6px; } .discovery-guide-select button { flex:1 1 42%; padding:10px; } .discovery-guide-columns { grid-template-columns:minmax(0,1fr); gap:28px; } .discovery-key-list > div { grid-template-columns:minmax(100px,.8fr) minmax(0,1fr); } .discovery-guide-goal { font-size:16px; } }

/* On-demand previews extend the existing chooser without loading media at entry. */
.discovery-pick-link { display:flex; flex:1; flex-direction:column; color:inherit; text-decoration:none; min-width:0; }
.discovery-preview-link { min-height:48px; margin:0 12px 12px; padding:10px 12px; display:flex; justify-content:center; align-items:center; gap:8px; border:1px solid #627369; border-radius:6px; background:transparent; color:#e5d69c; font:inherit; font-size:14px; cursor:pointer; }
.discovery-preview-link:hover, .discovery-preview-link[aria-expanded="true"] { background:#26352f; border-color:#e5d69c; }
.discovery-pick :is(a,button):focus-visible { outline:3px solid #efb84b; outline-offset:-4px; }
.discovery-preview { margin:0 0 32px; padding:24px; border:1px solid var(--arcade-rule); border-radius:12px; background:var(--arcade-surface); }
.discovery-preview figcaption { display:flex; gap:20px; align-items:center; justify-content:space-between; margin-bottom:20px; }
.discovery-preview h2 { margin:0 0 8px; font-size:clamp(22px,3vw,30px); color:var(--arcade-ink); letter-spacing:-.02em; }
.discovery-preview p { color:var(--arcade-muted); margin:0; line-height:1.6; font-size:14px; }
.discovery-preview video { display:block; width:100%; height:auto; aspect-ratio:1152/568; background:#090f13; border-radius:6px; }
.discovery-preview-tools { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:60px; padding-top:8px; color:var(--arcade-muted); font-size:14px; }
.discovery-preview-error { padding:32px 0; display:grid; justify-items:start; gap:16px; }
.discovery-preview button, .discovery-saves button { min-height:48px; padding:12px 16px; border:1px solid var(--arcade-rule); border-radius:6px; background:var(--arcade-surface); color:var(--arcade-ink); font:inherit; font-size:14px; line-height:1.4; cursor:pointer; }
.discovery-preview button:hover, .discovery-saves button:hover { border-color:var(--discovery-accent); }
.discovery-preview :is(video,button):focus-visible, .discovery-saves :is(button,summary,input):focus-visible { outline:3px solid var(--discovery-focus); outline-offset:4px; }
.discovery-saves { border-top:1px solid var(--arcade-rule); color:var(--arcade-ink); }
.discovery-saves > summary { display:flex; align-items:center; gap:20px; min-height:64px; padding-block:12px; cursor:pointer; list-style:none; font-size:18px; font-weight:600; }
.discovery-saves > summary::-webkit-details-marker { display:none; }
.discovery-saves > summary small { color:var(--arcade-muted); font-size:13px; font-weight:400; }
.discovery-saves > summary > span:last-child { margin-left:auto; font-size:24px; }
.discovery-saves[open] > summary > span:last-child { transform:rotate(45deg); }
.discovery-saves > summary:hover { color:var(--discovery-accent); }
.discovery-saves-body { padding:0 0 28px; max-width:900px; overflow-wrap:anywhere; }
.discovery-saves p { max-width:72ch; font-size:16px; line-height:1.6; margin:0 0 14px; }
.discovery-saves p.discovery-save-note { color:var(--arcade-muted); font-size:14px; }
.discovery-save-actions { display:flex; flex-wrap:wrap; gap:12px; margin:20px 0; }
.discovery-saves button:disabled { opacity:.55; cursor:not-allowed; }
.discovery-saves .discovery-save-primary { background:#e5d69c; border-color:#e5d69c; color:#14211b; font-weight:700; }
.discovery-save-message { padding:16px; border:1px solid var(--arcade-rule); border-radius:6px; color:var(--arcade-ink); }
.discovery-save-error { padding:16px; border:1px solid #b45c45; border-radius:6px; color:var(--arcade-ink); }
.discovery-restore { margin-top:32px; padding-top:24px; border-top:1px solid var(--arcade-rule); }
.discovery-restore h3 { font-size:24px; line-height:1.3; letter-spacing:-.02em; margin:0 0 16px; }
.discovery-restore-scores { list-style:none; padding:0; margin:24px 0; }
.discovery-restore-scores li { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:24px; align-items:center; padding:16px 0; border-bottom:1px solid var(--arcade-rule); }
.discovery-restore h4 { font-size:16px; line-height:1.4; margin:0 0 8px; font-weight:600; }
.discovery-restore-scores dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0; }
.discovery-restore-scores dt { color:var(--arcade-muted); font-size:12px; line-height:1.5; margin-bottom:6px; }
.discovery-restore-scores dd { margin:0; font-size:16px; font-variant-numeric:tabular-nums; }
.discovery-restore-scores dl > div:last-child dd { font-weight:700; }
.discovery-restore-journey label { display:flex; align-items:center; gap:12px; min-height:48px; padding:12px 0; cursor:pointer; font-size:16px; line-height:1.5; }
.discovery-restore-journey input { width:24px; height:24px; flex-shrink:0; accent-color:#795b18; }
@media(max-width:760px) { .discovery-restore-scores li { grid-template-columns:1fr; gap:4px; } }
@media(max-width:480px) {
  .discovery-pick:last-child { display:flex; flex-direction:column; }
  .discovery-pick:last-child .discovery-pick-link { flex-direction:row; }
  .discovery-pick:last-child img { width:44%; object-fit:cover; }
  .discovery-pick:last-child .discovery-preview-link { margin-top:12px; }
  .discovery-preview { padding:16px; }
  .discovery-preview figcaption { align-items:flex-start; flex-direction:column; gap:12px; }
  .discovery-saves > summary { flex-wrap:wrap; gap:6px 12px; padding-block:16px; }
  .discovery-saves > summary small { order:3; flex-basis:100%; }
  .discovery-save-actions { flex-direction:column; }
  .discovery-save-actions button { width:100%; }
  .discovery-restore h3 { font-size:22px; }
}

/* Keep all six choices visible in a short, readable list on phones. */
@media(max-width:540px) {
  .discovery-chooser { grid-template-columns:minmax(0,1fr); gap:10px; }
  .discovery-pick, .discovery-pick:last-child { display:grid; grid-template-columns:minmax(0,1fr) 70px; align-items:stretch; }
  .discovery-pick .discovery-pick-link, .discovery-pick:last-child .discovery-pick-link { display:grid; grid-template-columns:76px minmax(0,1fr); min-height:96px; }
  .discovery-pick img, .discovery-pick:last-child img { width:76px; height:100%; aspect-ratio:auto; object-fit:cover; }
  .discovery-pick-copy { padding:12px; justify-content:center; gap:4px; }
  .discovery-pick small { font-size:10px; letter-spacing:.04em; }
  .discovery-pick strong { font-size:16px; line-height:1.3; }
  .discovery-pick-copy > span { margin:0; padding:0; font-size:12px; }
  .discovery-pick .discovery-preview-link, .discovery-pick:last-child .discovery-preview-link { flex-direction:column; align-self:center; min-width:48px; min-height:56px; margin:6px 8px 6px 0; padding:6px 2px; gap:4px; font-size:12px; }
  .discovery-pick .discovery-preview-link > span { font-size:20px; line-height:1; }
}

.discovery-game-art { position:relative; min-height:340px; overflow:hidden; background:#151c25; }
.discovery-game-art img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
@media(max-width:760px) { .discovery-game-art { min-height:0; aspect-ratio:16/9; } }
.discovery-kart-load{padding:48px 24px;text-align:center;min-height:200px}.discovery-kart-load[hidden]{display:none}

/* One editorial feature, followed by the complete six-game chooser. */
.discovery-spotlight { display:grid; grid-template-columns:minmax(0, .92fr) minmax(0,1.15fr); margin:0 0 32px; overflow:hidden; border:1px solid #44564b; border-radius:14px; background:#15251e; color:#fff9ee; }
.discovery-spotlight-copy { padding:clamp(24px,3.6vw,48px); min-width:0; align-self:center; }
.discovery-spotlight-label { margin:0 0 14px; color:#efd283; font-size:14px; font-weight:600; }
.discovery-spotlight h2 { margin:0 0 18px; font-size:clamp(32px,4vw,52px); line-height:1.05; letter-spacing:-.03em; text-wrap:balance; }
.discovery-spotlight-copy > p:not(.discovery-spotlight-label) { margin:0 0 18px; max-width:36ch; color:#d1ded5; font-size:16px; line-height:1.65; }
.discovery-spotlight-facts { display:block; color:#d1ded5; font-size:13px; line-height:1.6; margin:0 0 24px; }
.discovery-spotlight-actions { display:flex; flex-wrap:wrap; gap:12px; }
.discovery-spotlight-actions :is(a,button) { display:inline-flex; align-items:center; justify-content:space-between; gap:14px; min-height:52px; min-width:48px; padding:12px 18px; border:1px solid #d1b570; border-radius:6px; color:#fff9ee; background:transparent; font:600 14px/1.4 var(--sans,sans-serif); text-decoration:none; cursor:pointer; }
.discovery-spotlight-actions .arcade-primary { background:#e7bd66; color:#16271e; border-color:#e7bd66; }
.discovery-spotlight-actions :is(a,button):hover { background:#304839; }
.discovery-spotlight-actions .arcade-primary:hover { background:#f3d58f; }
.discovery-spotlight-browse { display:inline-flex; align-items:center; gap:16px; min-height:48px; margin-top:10px; color:#d1ded5; font-size:13px; text-underline-offset:5px; }
.discovery-spotlight :is(a,button):focus-visible { outline:3px solid #efd283; outline-offset:4px; }
.discovery-spotlight-media { position:relative; min-width:0; min-height:340px; background:#0c1815; }
.discovery-spotlight-media > img { position:absolute; width:100%; height:100%; inset:0; object-fit:cover; object-position:48% center; }
.discovery-spotlight-caption { position:absolute; bottom:14px; right:14px; max-width:calc(100% - 28px); padding:7px 10px; background:#101a17; border-radius:4px; color:#e2e9e3; font-size:11px; line-height:1.5; }
.discovery-spotlight-media:has(.discovery-preview) { display:flex; align-items:center; }
.discovery-spotlight-media .discovery-preview { width:100%; box-sizing:border-box; margin:0; padding:20px; border:0; border-radius:0; color:#fff9ee; background:#0c1815; }
.discovery-spotlight-media .discovery-preview :is(h2,p,span) { color:#e2e9e3; }
.discovery-spotlight-media .discovery-preview :is(button,a) { color:#fff9ee; border-color:#91a697; }
#choose-a-game { scroll-margin-top:100px; }

/* Loading never reports invented percentages. Native game readiness removes
   the cover; each original game keeps its own retry and gameplay lifecycle. */
.discovery-launch { position:relative; min-width:0; }
.discovery-launch:not([data-launch-state="ready"]) { min-height:420px; }
/* Opacity preserves canvas dimensions and avoids inherited visibility
   transitions delaying focus. The inert attribute blocks input while loading. */
.discovery-launch:not([data-launch-state="ready"]) .discovery-launch-native { opacity:0; pointer-events:none; }
.discovery-loading-card { position:absolute; inset:0; min-height:420px; display:grid; align-items:center; overflow:hidden; border-radius:12px; background:#111d19; color:#fff9ee; }
.discovery-loading-art { position:absolute; inset:0; }
.discovery-loading-art img { width:100%; height:100%; object-fit:cover; opacity:.35; }
.discovery-loading-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, #0a1715 0%, #0a1715e8 34%, #0a171533 100%); }
.discovery-loading-copy { position:relative; z-index:1; max-width:560px; padding:clamp(24px,5vw,64px); }
.discovery-loading-label { margin:0 0 16px; color:#efd283; font-size:14px; }
.discovery-loading-copy h2 { margin:0 0 18px; font-size:clamp(30px,4vw,48px); letter-spacing:-.03em; line-height:1.1; }
.discovery-loading-copy > p:not(.discovery-loading-label) { color:#d1ded5; font-size:16px; line-height:1.6; margin:0 0 24px; }
.discovery-loading-copy progress { display:block; width:100%; max-width:300px; height:6px; accent-color:#e7bd66; margin:0 0 24px; }
.discovery-loading-actions { display:flex; flex-wrap:wrap; gap:12px; }
.discovery-loading-actions button { min-height:48px; padding:12px 16px; border:1px solid #a7b5aa; color:#fff9ee; background:#16271e; cursor:pointer; font-size:14px; }
.discovery-loading-actions .arcade-primary { background:#e7bd66; border-color:#e7bd66; color:#16271e; }
.discovery-loading-actions button:focus-visible { outline:3px solid #efd283; outline-offset:4px; }
.discovery-loading-copy small { display:block; margin-top:16px; color:#d1ded5; font-size:13px; }
@media(max-width:760px) {
  .discovery-spotlight { grid-template-columns:minmax(0,1fr); }
  .discovery-spotlight-media { grid-row:1; min-height:0; aspect-ratio:16/9; }
  .discovery-spotlight-media:has(.discovery-preview) { aspect-ratio:auto; }
  .discovery-spotlight-copy { padding:24px; }
  .discovery-spotlight-actions :is(a,button) { flex:1 1 180px; }
  .discovery-spotlight-copy > p:not(.discovery-spotlight-label) { max-width:unset; }
  .discovery-loading-card { align-items:start; }
  .discovery-loading-copy { padding:28px 22px; }
  .discovery-loading-art::after { background:#0a1715cb; }
}
@media(prefers-reduced-motion:reduce) { .discovery-loading-copy progress { appearance:none; height:4px; border:0; background:#657967; } .discovery-loading-copy progress::-webkit-progress-bar { background:#657967; } }