*, *::before, *::after { -webkit-tap-highlight-color: transparent; }
a:focus, button:focus, input:focus, select:focus, textarea:focus, [role="button"]:focus, [tabindex]:focus { outline: none; }
html[data-keyboard-navigation] :focus { outline: 2px solid #3b5946; outline-offset: 3px; }
:where(a, button, input, select, textarea, [role="button"], [tabindex]):focus:not(:focus-visible) { outline: none; }
:where(a, button, input, select, textarea, [role="button"], [tabindex]):focus-visible {
  outline: 2px solid #3b5946;
  outline-offset: 3px;
}

#screen { padding-top: 16px; }
.two-card-question .screen { padding-top: 16px; }
.question-canvas { position: absolute !important; top: 0; left: 50%; height: 844px; padding-top: inherit; transform-origin: center top; }
.question-canvas > * { z-index: 1; }
.question-canvas > .question-title-art { position: relative; }
.sent-layer { padding: 25px; }
.sent-layer > img { width: min(292px, 100%); height: auto; transform: translateY(-24px); }
.mobile-reveal-content { position: absolute; top: 0; left: 50%; transform-origin: center top; }
.phone.loading-question .question-frame { display: block; visibility: hidden; }
.phone.loading-question #screen { display: block; visibility: hidden; }
.question-canvas .option-visual { height: var(--option-visual-height, 206px); }

.question-canvas > .question-title-art,
.question-canvas > .title-art {
  position: absolute !important; top: 16px !important; left: 0;
  width: 390px; height: 128px; margin: 0 !important;
  object-fit: contain; transform: none !important;
}
.question-region { position: absolute; top: 174px; left: 0; width: 390px; height: 447px; }
.question-region > .options { top: 0 !important; height: 447px !important; }
.question-region > .options.q1 { justify-content: flex-start; }
.three-card-question .question-region > .options { gap: 25.125px; }
.question-region > .question-collage { top: 0 !important; transform: none !important; }
.question-region.collage-options > .question-collage { top: -4px !important; }
.question-region.photo-options { padding-top: 17.875px; }
.question-region.photo-options > .dormitory-card { margin-top: 0; transform: none; }
.question-region.photo-options > .options { position: relative; height: auto !important; margin-top: 10px; transform: none; }
.question-canvas > .answer-strip { top: 651px !important; }
.mobile-reveal-content .reveal-result,
.mobile-reveal-content .reveal-result-layer { bottom: 105px; width: 292px; max-width: none; }
.mobile-reveal-content .reveal-result > img,
.mobile-reveal-content .reveal-result-layer > img {
  width: 100%; height: auto;
}
.entry-layer > .entry-inner {
  position: absolute; top: 0; left: 50%; width: 316px; min-height: 728px;
  padding-top: 70px; transform-origin: center top;
}
.phone.loading-question .load-error:not(:empty) { display: grid; place-items: center; }
.phone.loading-question.connection-error .boot-layer { display: none; }
