/* Deep Sea Quiz — theme styles */
.scene.themed { background:linear-gradient(180deg,#2E6E9E 0%, #3F87B8 42%, #5FA7CE 74%, #7FC0DE 100%); }
#scene-intro.themed { background:linear-gradient(180deg,#3F87B8 0%, #5FA7CE 52%, #86C9E2 100%); }

.board-wrap { position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; padding:14px; padding-top:52px; padding-bottom:16px; }
.quiz-grid { grid-template-columns:repeat(3,1fr); max-width:min(94vw,480px); }
@media (min-aspect-ratio:5/4) { .quiz-grid { max-width:min(70vh,520px); } }

.bubble-cell { background:rgba(255,251,245,.14); border-color:rgba(255,251,245,.55); }
.bubble-cell .tile-art { position:absolute; inset:6%; }
.bubble-cell .tile-art svg { width:100%; height:100%; }
.bubble-cell.popping { animation:bub-pop .32s ease-in; }
@keyframes bub-pop { 0%{transform:scale(1)} 60%{transform:scale(1.12)} 100%{transform:scale(.9); opacity:.7} }
.bubble-cell.taken { background:rgba(255,251,245,.9); border-color:var(--gold); }
.bubble-cell .won { font-size:clamp(.9rem,3.6vw,1.4rem); line-height:1.1; letter-spacing:-2px; text-align:center; padding:4px; }

/* question scene */
#scene-question { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; padding:16px; }
.q-head { text-align:center; z-index:5; background:rgba(255,251,245,.94); border-radius:20px; padding:14px 18px; box-shadow:var(--shadow); max-width:min(560px,92vw); }
.q-prompt { font-family:var(--lw-font-display, inherit); font-weight:800; color:var(--navy); font-size:clamp(1.1rem,4.4vw,1.6rem); margin:0 0 8px; }
#scene-question .choice-row { z-index:5; padding:0 8px; }
.choice-card.glow { box-shadow:0 0 0 4px var(--gold), 0 8px 20px rgba(30,42,74,.3); }

@media (max-height:620px) {
  .board-wrap { padding-top:46px; }
  .quiz-grid { max-width:min(64vh,420px); }
}