/* Integration only: exact-v3.css is the supplied visual source. */
.app-shell { display:block; width:min(100vw,430px); min-height:0; margin:0 auto; padding:0; }
body:has(#homeView.view-active) { background:#fbfdff; }
#homeView.home-canvas { position:relative; width:min(100vw,430px); min-height:0; padding:0; overflow:hidden; isolation:auto; background:#fff; border:0; border-radius:0; box-shadow:none; }
#homeView .home-visual { filter:none; transform:none; image-rendering:auto; }
#homeView.home-canvas::before, #homeView.home-canvas::after, #quizView.quiz-page::before, #quizView.quiz-page::after { content:none; }
#homeView.home-canvas > * { position:absolute; z-index:1; }
#homeView.home-canvas > .home-visual { z-index:0; }
#homeView.home-canvas > .hotspot { z-index:5; }
#homeView.home-canvas > .nickname-dialog { position:fixed; }
#homeView .home-tool-panel { width:100%; margin:0; padding:0; border:0; background:transparent; box-shadow:none; }
#homeView .home-tool-panel[hidden] { display:none; }
#homeView .payment-recovery-panel { margin:14px 0 0; }

#quizView.quiz-page { position:relative; width:min(100%,390px); min-height:844px; padding:24px 28px 28px; overflow:hidden; isolation:auto; color:var(--deep); background:#fff; border:0; border-radius:20px; box-shadow:0 8px 28px rgba(15,53,110,.06); }
#quizView.quiz-page > * { position:relative; z-index:2; }
#quizView.quiz-page > .frame, #quizView.quiz-page > .quiz-wave { position:absolute; z-index:1; }
#quizView .quiz-entry-notice { position:relative; z-index:3; margin:0 0 10px; text-align:center; }
#quizView #answerError { position:relative; z-index:3; min-height:0; margin:8px 0 0; text-align:center; }
#quizView .options .option { min-height:68px; box-shadow:none; }
#quizView .quiz-progress { grid-template-columns:auto minmax(0,1fr) 62px; gap:8px; }
#quizView .progress-copy { min-width:62px; white-space:nowrap; font-size:7.5px; }
#quizView .question-block h1.is-long-question { font-size:26px; line-height:1.42; }

/* The mobile product is a full page, not a card inside the desktop preview. */
@media (max-width:430px) {
  html,
  body {
    width:100%;
    min-height:100%;
    margin:0;
    padding:0;
    background:#fff;
  }

  .app-shell {
    width:100vw;
    min-height:100dvh;
    margin:0;
    padding:0;
    border-radius:0;
    box-shadow:none;
    background:#fff;
  }

  #homeView.home-canvas,
  #quizView.quiz-page {
    width:100vw;
    margin:0;
    border-radius:0;
    box-shadow:none;
  }

  #homeView.home-canvas {
    background:#fff;
  }
}