/* Name That Dead RC4.2.5 — mobile answering dock. UI only; scoring/content/audio unchanged. */
:root{--ntd-keyboard-inset:0px}
html,body{min-height:100%;min-height:100dvh}
.app{min-height:100vh;min-height:100dvh}
.answerGive{display:block;width:100%;margin:0 0 10px;background:transparent;color:var(--muted);border:1px solid var(--blue-line);padding:11px;font-size:13px;box-shadow:none}
body.ntd-answering #give{display:none}

@media(max-width:720px){
  body.ntd-answering{overflow:hidden}
  body.ntd-answering #game{
    min-height:100dvh;
    padding-bottom:16px;
    animation:none!important;
    transform:none!important;
  }
  body.ntd-answering #know,
  body.ntd-answering #give,
  body.ntd-answering #timer,
  body.ntd-answering #status,
  body.ntd-answering #wave,
  body.ntd-answering #audioErr{visibility:hidden;pointer-events:none}
  body.ntd-answering #answer{
    position:fixed;
    z-index:1200;
    left:max(10px,env(safe-area-inset-left));
    right:max(10px,env(safe-area-inset-right));
    bottom:max(8px,env(safe-area-inset-bottom));
    margin:0 auto;
    width:auto;
    max-width:760px;
    max-height:min(56dvh,360px);
    overflow:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    display:flex;
    flex-direction:column;
    gap:7px;
    padding:11px;
    border:1px solid var(--blue-line);
    border-radius:18px;
    background:linear-gradient(180deg,rgba(7,58,112,.99),rgba(0,29,64,.99));
    box-shadow:0 -14px 42px rgba(0,15,36,.48);
    transform:translate3d(0,calc(-1 * var(--ntd-keyboard-inset)),0);
    will-change:transform;
  }
  body.ntd-answering #answer>.kicker,
  body.ntd-answering #answer>h2{display:none}
  body.ntd-answering #answerGive{display:block;order:1;width:100%;min-height:44px;margin:0;padding:9px 12px;background:transparent;color:var(--muted);border:1px solid var(--blue-line);font-size:12px;box-shadow:none}
  body.ntd-answering #answerClock{order:2;margin:0;padding:8px 10px;min-height:42px;justify-content:center;text-align:center;font-size:12px;line-height:1.25}
  body.ntd-answering #answerClockText{display:block;width:100%;font-variant-numeric:tabular-nums;color:var(--muted)}
  body.ntd-answering #answerLockedNum{color:#fff;font-weight:950}
  body.ntd-answering #answerClockNum{color:var(--dead-red-soft);font-weight:950;font-size:17px}
  body.ntd-answering #choices{order:3;margin:0;display:grid;gap:6px;max-height:102px;overflow:auto}
  body.ntd-answering #choices:empty{display:none}
  body.ntd-answering .choice{min-height:44px;margin:0;padding:10px 12px;font-size:15px;border-radius:11px;touch-action:manipulation}
  body.ntd-answering #songInput{order:4;min-height:48px;margin:0;padding:12px 13px;font-size:16px;line-height:1.2;border-radius:12px;touch-action:manipulation}
  body.ntd-keyboard-open #answer{max-height:min(48dvh,310px)}
}

@media(max-width:720px) and (max-height:520px){
  body.ntd-answering #answer{max-height:min(62dvh,250px);padding:8px;gap:5px}
  body.ntd-answering #answerClock{min-height:36px;padding:6px 8px}
  body.ntd-answering #answerGive{min-height:40px;padding:7px 10px}
  body.ntd-answering .choice{min-height:42px;padding:8px 10px}
  body.ntd-answering #songInput{min-height:44px;padding:10px 12px}
}