/* Исходные рисунки остаются фоном; локальное демо не запускает старые сервисы. */
[hidden] { display: none !important; }
html, body { margin: 0; min-width: 0; overflow-x: hidden; }
.demo-note { position: absolute; top: 12px; right: 12px; z-index: 5; padding: 8px 12px; border: 1px solid #facc27; background: #101820ee; color: #fff; font: 13px/1.3 'LEGOChalet60-Regular', sans-serif; }
body.site-index main .bottom { position: absolute; top: 489px; bottom: auto; }
body.site-index main .bottom a.start { cursor: pointer; }
body a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.quiz-label { font: 15px/1.4 'LEGOChalet60-Regular', sans-serif; color: #151515; padding: 8px 18px; margin: 0; text-align: center; background: #ffdb59cc; }
body.site-questions main .container .questions section { padding-top: 35px; }
body.site-questions main .container .questions section .batman { pointer-events: none; }
body.site-questions main .container .questions .paginate a { cursor: pointer; }
body.site-questions main .container .header img + img { margin-left: 12px; }
body.site-result { background: #151c22; }
.result-note { max-width: 900px; margin: 0 auto; padding: 20px; text-align: center; font: 18px/1.5 'LEGOChalet60-Regular', sans-serif; }
.result-note .stylized-button { margin: 8px; font-family: 'LEGOChalet60-Regular', sans-serif; }
footer { padding: 18px; background: #0a1013; color: #ddd; text-align: center; font: 13px/1.5 'LEGOChalet60-Regular', sans-serif; }
/* На узком экране исходный настольный фон уменьшается целиком, а текст демо остаётся читаемым. */
@media (max-width: 1050px) {
  .container { width: 100%; }
  .demo-note { position: relative; top: auto; right: auto; text-align: center; border-width: 0 0 1px; }
  body.site-index main { height: calc(100vw * 894 / 1920 + 245px); background-size: 100% auto; }
  body.site-index main .bottom { width: min(90vw, 480px); height: calc(min(90vw, 480px) * 405 / 842); top: auto; bottom: 20px; left: 50%; margin: 0; transform: translateX(-50%); background-size: contain; background-repeat: no-repeat; }
  body.site-index main .bottom a.start { top: 0; left: 0; width: 100%; height: 100%; }
  body.site-questions main { background-size: auto 100%; }
  body.site-questions main .container { height: auto; min-height: 770px; }
  body.site-questions main .container .header { padding: 20px; }
  body.site-questions main .container .header img { height: 48px; width: auto; }
  body.site-questions main .container .questions section { padding: 20px 16px 210px; }
  body.site-questions main .container .questions section .question { width: 100%; box-sizing: border-box; font-size: 25px; line-height: 1.2; background: #ffd853cc; }
  body.site-questions main .container .questions section .answers { width: 100%; margin-top: 25px; }
  body.site-questions main .container .questions section .answers a { float: none; width: 100%; padding: 8px 0; display: flex; margin-bottom: 12px; align-items: center; }
  body.site-questions main .container .questions section .answers a:nth-child(2n+2) { padding-left: 0; }
  body.site-questions main .container .questions section .answers a span.text { width: auto; flex: 1; font-size: 19px; }
  body.site-questions main .container .questions section .answers .icon.bat { width: 45px; height: 15px; margin-right: 12px; flex-shrink: 0; }
  body.site-questions main .container .questions section .batman { width: 200px; height: 200px; background-size: contain; background-position: bottom center; top: auto; bottom: 5px; right: calc(50% - 100px); }
  body.site-questions main .container .questions .paginate { position: relative; bottom: auto; padding-bottom: 20px; }
  body.site-result main .result0, body.site-result main .result1, body.site-result main .result2, body.site-result main .result3 { height: calc(100vw * 894 / 1920); background-size: 100% auto; }
  body.site-result main .num { top: calc(100vw * 625 / 1920); left: 45%; font-size: clamp(9px, 2.2vw, 25px); padding: 3px; letter-spacing: 1px; }
}

/* Оригинальный финальный экран уменьшается пропорционально, сохраняя видимую кнопку результата. */
@media(max-width:1050px){body.site-questions main .container .test-complete{width:100%;height:calc(100vw * 521 / 803);background-size:contain;background-repeat:no-repeat}body.site-questions main .container .test-complete a{left:34.74%;top:88.67%;width:34.87%;height:10.94%}}