/* Round 3.1: participant-led shared scene choice + physical PICK guidance only.
   Scene artwork/runtime and donor Camera / 850ms / TRACE remain untouched. */
.starlight-step-kicker { color: var(--gold); font-size: 15px; letter-spacing: .08em; margin-bottom: 8px; }
.starlight-intro-panel { overflow: hidden; position: relative; }
.starlight-intro-panel::after { content:""; position:absolute; width:190px; height:190px; right:-78px; top:-82px; border-radius:50%; background:radial-gradient(circle,rgba(255,239,190,.13) 0 2%,rgba(255,239,190,.045) 3% 26%,transparent 57%); pointer-events:none; }
.starlight-quiet-note { opacity:.76; font-size:17px !important; }

.starlight-scene-choice-panel { width: min(1120px, 100%); }
.starlight-scene-choice-panel > p { max-width: 790px; }
.starlight-scene-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:26px 0 20px; }
.starlight-scene-card { appearance:none; border:1px solid rgba(196,220,216,.30); border-radius:25px; padding:0; overflow:hidden; background:rgba(7,57,84,.62); color:var(--ink); text-align:left; cursor:pointer; min-width:0; box-shadow:0 16px 36px rgba(0,0,0,.18); transition:transform 220ms ease,border-color 220ms ease,box-shadow 220ms ease,background 220ms ease; }
.starlight-scene-card:hover { transform:translateY(-3px); border-color:rgba(255,229,136,.66); background:rgba(10,69,98,.76); }
.starlight-scene-card:focus-visible { outline:3px solid #fff2a9; outline-offset:4px; }
.starlight-scene-art { position:relative; display:block; overflow:hidden; }
.starlight-scene-card img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; background:#0a2636; transition:transform 520ms ease,filter 220ms ease; }
.starlight-scene-card:hover img { transform:scale(1.012); }
.starlight-scene-copy { display:grid; gap:5px; padding:17px 18px 19px; }
.starlight-scene-card strong { color:var(--gold); font-size:clamp(18px,2vw,22px); line-height:1.35; }
.starlight-scene-card small { color:var(--ink); opacity:.76; font-size:15px; line-height:1.5; }
.starlight-selected-mark { position:absolute; right:12px; top:12px; display:inline-flex; align-items:center; min-height:32px; padding:5px 11px; border-radius:999px; background:rgba(5,28,42,.82); border:1px solid rgba(255,238,177,.8); color:#fff0b8; font-size:13px; letter-spacing:.04em; opacity:0; transform:translateY(-4px); transition:opacity 180ms ease,transform 180ms ease; }
.starlight-scene-card[aria-pressed="true"] { border-color:#ffe588; background:rgba(13,74,100,.84); box-shadow:0 0 0 2px rgba(255,229,136,.26),0 18px 42px rgba(0,0,0,.22),0 0 34px rgba(255,229,136,.10); transform:translateY(-2px); }
.starlight-scene-card[aria-pressed="true"] .starlight-selected-mark { opacity:1; transform:none; }
.starlight-scene-card[aria-pressed="true"] img { filter:saturate(1.03) brightness(1.02); }
.starlight-scene-confirm { display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,340px); align-items:center; gap:18px; min-height:72px; margin:4px 0 8px; padding:14px 16px; border-radius:20px; background:rgba(4,33,49,.48); border:1px solid rgba(196,220,216,.18); }
.starlight-scene-confirm p { margin:0; font-size:17px; line-height:1.55; opacity:.86; }
.starlight-scene-confirm .primary-action { margin:0; }
.starlight-scene-confirm .primary-action:disabled { opacity:.42; cursor:default; }

.starlight-live-guide { width:min(1120px,100%); margin:0 auto 16px; padding:15px 18px; border:1px solid rgba(198,222,217,.24); border-radius:22px; background:linear-gradient(135deg,rgba(8,48,68,.92),rgba(6,34,51,.82)); box-shadow:0 14px 34px rgba(0,0,0,.14); }
.starlight-live-guide p { margin:8px 0 0; line-height:1.6; font-size:17px; }
.starlight-live-guide-note { opacity:.68; font-size:14px !important; }
.starlight-grammar-row { display:flex; align-items:center; gap:10px; color:#fff0b8; font-size:13px; letter-spacing:.10em; font-weight:700; }
.starlight-grammar-row span { display:inline-flex; align-items:center; justify-content:center; min-width:70px; min-height:30px; border:1px solid rgba(255,235,164,.34); border-radius:999px; background:rgba(255,237,173,.07); }
.starlight-grammar-row i { display:block; width:24px; height:1px; background:linear-gradient(90deg,rgba(255,235,164,.18),rgba(255,235,164,.62)); position:relative; }
.starlight-grammar-row i::after { content:""; position:absolute; right:-1px; top:-2px; width:5px; height:5px; border-radius:50%; background:#ffecaa; box-shadow:0 0 10px rgba(255,236,170,.55); }
.is-projecting .starlight-live-guide { display:none; }

.starlight-result-star { width:82px; height:54px; position:relative; margin:0 auto 4px; }
.starlight-result-star span { position:absolute; width:7px; height:7px; border-radius:50%; background:#fff0ba; box-shadow:0 0 12px rgba(255,235,167,.68); }
.starlight-result-star span:nth-child(1){left:10px;top:28px}.starlight-result-star span:nth-child(2){left:38px;top:10px;width:9px;height:9px}.starlight-result-star span:nth-child(3){right:9px;top:34px;width:6px;height:6px}
.starlight-result-star::before,.starlight-result-star::after { content:""; position:absolute; height:1px; transform-origin:left center; background:linear-gradient(90deg,rgba(255,235,167,.18),rgba(255,235,167,.55),rgba(255,235,167,.12)); }
.starlight-result-star::before { left:15px; top:30px; width:31px; transform:rotate(-28deg); }
.starlight-result-star::after { left:44px; top:17px; width:33px; transform:rotate(36deg); }

.starlight-retention-options { display:grid; gap:10px; margin:18px 0; }
.starlight-retention-options button { display:grid; gap:4px; text-align:left; border:1px solid var(--line); border-radius:16px; padding:14px 16px; background:rgba(7,57,84,.74); color:var(--ink); font:inherit; cursor:pointer; }
.starlight-retention-options button[aria-pressed="true"] { border-color:#ffe588; box-shadow:inset 0 0 0 1px #ffe588; }
.starlight-retention-options strong { color:var(--gold); }
.starlight-retention-options span { opacity:.8; line-height:1.5; }
.starlight-retention-status { min-height:1.5em; }

@media(max-width:860px){
  .starlight-scene-grid{grid-template-columns:1fr;}
  .starlight-scene-card{display:grid;grid-template-columns:minmax(190px,39%) 1fr;align-items:stretch}
  .starlight-scene-art{min-height:170px}.starlight-scene-card img{height:100%;aspect-ratio:auto;min-height:170px}
  .starlight-scene-copy{align-content:center}
  .starlight-scene-confirm{grid-template-columns:1fr}.starlight-scene-confirm .primary-action{width:100%}
}
@media(max-width:560px){
  .starlight-scene-card{display:block}.starlight-scene-card img{height:auto;aspect-ratio:16/9}.starlight-scene-grid{gap:12px;margin:18px 0}
  .starlight-live-guide{padding:13px 14px}.starlight-grammar-row{gap:6px}.starlight-grammar-row span{min-width:58px;font-size:11px}.starlight-grammar-row i{width:13px}
}
@media(prefers-reduced-motion:reduce){
  .starlight-scene-card,.starlight-scene-card img,.starlight-selected-mark{transition:none}
}