/* VenueQuizzes v0.8.38 mobile player delivery and countdown experience */
.player-live-status{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:10px 16px;
    overflow:hidden;
}
.player-status-context{min-width:0;display:grid;gap:2px}
.player-round-context{overflow:hidden;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}
.player-question-context{overflow:hidden;font-size:18px!important;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.player-stage-label{margin:0}
.player-timer-cell{display:grid;min-width:92px;justify-items:end;align-content:center}
.player-timer-phase{color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.player-timer{min-width:72px;text-align:right;font-size:24px;line-height:1;font-variant-numeric:tabular-nums}
.player-timer-progress{position:absolute;right:0;bottom:0;left:0;height:5px;background:#e2e8ef}
.player-timer-progress::after{content:"";display:block;width:var(--player-timer-progress,0%);height:100%;border-radius:999px;background:var(--green);transition:width .24s linear,background-color .18s ease}
.player-answer-state{grid-column:1/-1;min-height:18px;padding-right:4px;color:#586575;font-size:11px;font-weight:750}
.player-live-status[data-answer-state="submitted"] .player-answer-state,
.player-live-status[data-answer-state="locked"] .player-answer-state{color:#176a35}
.player-live-status[data-answer-state="missed"] .player-answer-state{color:#9f2631}
.player-live-status[data-urgency="warning"]{border-color:#e6b35c;background:#fff9eb}
.player-live-status[data-urgency="warning"] .player-timer{color:#a85e00}
.player-live-status[data-urgency="warning"] .player-timer-progress::after{background:#e79a18}
.player-live-status[data-urgency="urgent"],
.player-live-status[data-urgency="critical"]{border-color:#e08a91;background:#fff2f3;box-shadow:0 0 0 3px rgba(190,45,58,.08)}
.player-live-status[data-urgency="urgent"] .player-timer,
.player-live-status[data-urgency="critical"] .player-timer{color:#b42331}
.player-live-status[data-urgency="urgent"] .player-timer-progress::after,
.player-live-status[data-urgency="critical"] .player-timer-progress::after{background:#d43746}
.player-live-status[data-urgency="paused"]{border-color:#b8c1cc;background:#f3f5f7}
.player-live-status[data-urgency="paused"] .player-timer{color:#5f6975}
.player-live-status[data-timer-active="false"] .player-timer-progress{display:none}
.player-live-status[data-timer-active="false"] .player-timer-cell{display:none}
.player-countdown-announcer{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.player-mobile-preferences label{display:flex;align-items:flex-start;gap:10px;padding:0 14px 10px;color:#263340;font-size:13px;font-weight:750}
.player-mobile-preferences input{flex:0 0 auto;width:20px;height:20px;margin-top:1px;accent-color:var(--green)}
.player-mobile-preferences small{display:block;padding:0 14px 14px;color:var(--muted);font-size:11px;line-height:1.45}
.player-narration-settings-toggle{display:none}
.player-question-media-button{display:block;width:100%;padding:0;border:0;border-radius:13px;background:transparent;cursor:zoom-in}
.player-question-media{display:block;width:100%;max-height:46vh;margin:10px 0 14px;border-radius:13px;object-fit:contain;background:#eef2f5;cursor:zoom-in}
body.player-question-media-open{overflow:hidden}
.player-question-media-dialog{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:rgba(4,10,16,.9)}
.player-question-media-dialog[hidden]{display:none}
.player-question-media-dialog img{display:block;max-width:96vw;max-height:88vh;object-fit:contain}
.player-question-media-dialog button{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;width:44px;height:44px;border:0;border-radius:999px;background:#fff;color:#111820;font-size:26px;font-weight:900;cursor:pointer}
.answer-submission-note{display:block;margin:9px 2px 0;color:#176a35;font-size:11px;font-weight:750}

@media(max-width:760px){
    .public-page{display:block;padding:10px 10px calc(18px + env(safe-area-inset-bottom))}
    .public-page .public-card{margin:0 auto;padding:16px 14px 22px}
    .public-page .public-brand-logo{margin-bottom:14px}
    .player-team-banner{margin:10px 0}
    .player-live-status{
        position:sticky;
        top:max(6px,env(safe-area-inset-top));
        z-index:70;
        margin:8px -5px 8px;
        padding:10px 12px 12px;
        border-radius:14px;
        background:rgba(248,250,251,.97);
        box-shadow:0 9px 24px rgba(15,23,42,.16);
        backdrop-filter:blur(12px);
    }
    .player-round-context{font-size:10px}
    .player-question-context{font-size:16px!important}
    .player-stage-label{font-size:9px}
    .player-timer-cell{min-width:78px}
    .player-timer{min-width:60px;font-size:25px}
    .player-answer-state{font-size:10px}
    .player-score-strip{margin-top:6px;padding:7px 10px}
    .player-active-content{scroll-margin-top:112px;margin-top:8px}
    .player-message{margin:10px 2px!important;font-size:18px;line-height:1.35}
    .answer-options{gap:9px}
    .answer-option{min-height:50px;padding:11px 12px}
    .answer-option input{width:21px;height:21px}
    .answer-submit-row{margin-top:11px}
    .team-hub{margin-top:14px}
    .player-mobile-sound-card{position:static!important;z-index:auto;margin-top:14px}
    .player-narration-settings-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:rgba(255,255,255,.1);color:#fff;font:inherit;font-size:12px;font-weight:850;cursor:pointer}
    .player-mobile-sound-card.is-ready[data-current-mode="automatic"]:not(.is-expanded){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:.68rem .8rem}
    .player-mobile-sound-card.is-ready[data-current-mode="automatic"]:not(.is-expanded) .player-narration-copy small,
    .player-mobile-sound-card.is-ready[data-current-mode="automatic"]:not(.is-expanded) .player-narration-mode-list,
    .player-mobile-sound-card.is-ready[data-current-mode="automatic"]:not(.is-expanded) .player-narration-play,
    .player-mobile-sound-card.is-ready[data-current-mode="automatic"]:not(.is-expanded) .player-keep-active-grid,
    .player-mobile-sound-card.is-ready[data-current-mode="automatic"]:not(.is-expanded) .player-keep-active-help,
    .player-mobile-sound-card.is-ready[data-current-mode="automatic"]:not(.is-expanded) .player-keep-active-restore{display:none!important}
    .player-mobile-sound-card.is-ready[data-current-mode="automatic"]:not(.is-expanded) .player-narration-copy{grid-column:1;grid-row:1}
    .player-mobile-sound-card.is-ready[data-current-mode="automatic"]:not(.is-expanded) .player-narration-settings-toggle{grid-column:2;grid-row:1}
    .player-mobile-sound-card.is-ready[data-current-mode="automatic"]:not(.is-expanded) .player-keep-active{grid-column:1/-1;margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.16)}
    .player-mobile-sound-card.is-ready[data-current-mode="automatic"]:not(.is-expanded) .player-keep-active-heading{display:flex}
    .player-question-media{max-height:30vh}
}

@media(max-width:390px){
    .player-live-status{grid-template-columns:minmax(0,1fr) 70px;gap:8px 10px}
    .player-round-context{max-width:220px}
    .player-question-context{font-size:15px!important}
    .player-timer{font-size:23px}
}

@keyframes playerTimerPulse{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.09)}
}
@keyframes playerTimerCellPulse{
    0%,100%{box-shadow:inset 0 0 0 0 rgba(180,35,49,0)}
    50%{box-shadow:inset 0 0 0 3px rgba(180,35,49,.16)}
}
@media(prefers-reduced-motion:no-preference){
    .player-live-status[data-urgency="critical"] .player-timer{animation:playerTimerPulse .72s ease-in-out infinite}
    .player-live-status[data-urgency="critical"]{animation:playerTimerCellPulse .72s ease-in-out infinite}
}
@media(prefers-reduced-motion:reduce){
    .player-timer-progress::after{transition:none}
    .player-live-status,
    .player-live-status .player-timer{animation:none!important}
}