/* Optional presentation only: no scoring, layout-blocking overlay or gate. */
.experienceBar{padding:10px 15px;border-bottom:1px solid var(--line);font-size:14px}
.experienceBar summary{cursor:pointer;min-height:44px;display:list-item;padding:12px 0;color:var(--gold)}
.experienceOptions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:8px 0}
.experienceOptions label{display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer}
.experienceOptions input{width:20px;height:20px;accent-color:var(--gold)}
.experienceBar button,.introActions button{font:inherit;cursor:pointer;min-height:44px;
  padding:10px 16px;border:1px solid #686678;border-radius:6px;background:var(--ink);color:var(--text)}
.experienceBar button:hover,.introActions button:hover{border-color:var(--gold)}
.experienceBar :focus-visible,.introFilm :focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.experienceStatus{color:var(--muted);margin:4px 0 12px;font-size:13px}
.introFilm{margin:0 0 24px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
.introScreen{position:relative;aspect-ratio:16/7;min-height:230px;background:var(--ink)}
.introScreen video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.introTitle{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
  padding:32px;background:linear-gradient(transparent,rgba(13,13,18,.92));pointer-events:none}
.introTitle span{color:var(--gold);font-size:12px;letter-spacing:.16em;font-weight:700}
.introTitle h2{font-size:clamp(28px,4vw,52px);margin:10px 0;max-width:24ch;line-height:1.1}
.introTitle p{margin:0;color:#ecebf2}
.introActions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 24px}
.introActions a{padding:12px 0;text-decoration:underline;min-height:44px}
.introActions .introSound{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.introNote{font-size:13px;color:var(--muted);padding:0 24px 18px;margin:0}
.introFilm[hidden],.introActions [hidden]{display:none}
@media(max-width:480px){
  .introScreen{aspect-ratio:4/3}
  .introTitle{padding:20px}
  .introTitle h2{font-size:29px}
  .introActions{padding:16px;gap:10px}
  .introActions button{flex:1 1 100%}
  .introNote{padding:0 16px 16px}
}
@media print{.experienceBar,.introFilm{display:none}}