/* HVN GLOBAL FONT: TAHOMA */
html,body,button,input,select,textarea,option,table{font-family:Tahoma,Arial,sans-serif!important;}
.hero-title{min-width:0}
.school-mobile{display:none}
.hero-side:empty{display:none}
.hero-side{width:min(490px,52%);overflow:hidden;border:1px solid #ffffff55;border-radius:12px;background:#053e746b;box-shadow:0 6px 18px #033b7044}
.race-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 9px;background:#063f78;color:#fff;font-size:.7rem}
.race-head .admin-control{padding:4px 8px;border-width:1px;font-size:.65rem;box-shadow:none}
.race-window{overflow:hidden;padding:6px 0;background:linear-gradient(90deg,#edf8ff,#fff5df,#edf8ff);color:#075da8}
.podium-track{display:flex;width:max-content;min-width:100%;white-space:nowrap;animation:podium-run 12s linear infinite}
.podium-set{display:flex;align-items:center;gap:24px;padding-right:24px}
.podium-item{font-size:.78rem}
.podium-1 b{color:#d96d00}.podium-2 b{color:#52677c}.podium-3 b{color:#9f4517}
.compact-my-rank{padding:5px 8px;background:#e8f6ff;color:#064f8f;font-size:.72rem;font-weight:900;text-align:center}
@keyframes podium-run{from{transform:translateX(0)}to{transform:translateX(-50%)}}
#q-text{white-space:pre-line;overflow-wrap:anywhere}

@media(max-width:650px){
 body{font-size:14px}
 .hero{padding:8px 6px}
 .hero>div,.shell{width:calc(100% - 10px)}
 .hero-inner{align-items:stretch;flex-direction:column;gap:6px}
 .hero-title{display:flex;width:100%;flex-direction:column;justify-content:center;text-align:center}
 .school-desktop{display:none}.school-mobile{display:inline}
 .hero .eyebrow{font-size:.58rem;letter-spacing:.65px}
 .hero h1{margin:2px 0;font-size:1.08rem;line-height:1.05;white-space:nowrap}
 .hero p{margin:2px 0 0;font-size:.6rem;line-height:1.2}
 .hero-side{width:100%;border-radius:8px}
 .race-head{padding:5px 8px;font-size:.7rem}
 .race-head .admin-control{padding:3px 7px;font-size:.6rem}
 .race-window{padding:7px 0}
 .podium-set{gap:18px;padding-right:18px}
 .podium-item{font-size:.82rem}.podium-item b{font-size:.9rem}
 .compact-my-rank{padding:5px 7px;font-size:.72rem}
 .shell{padding:6px 0}
 .card{padding:11px}.game-card{padding:0;border-radius:10px}
 .game-top{padding:7px 9px;border-radius:9px 9px 0 0;font-size:.72rem}
 .live-dot{width:7px;height:7px;margin-right:4px}
 .player{max-width:88px}
 .stage{min-height:0;padding:8px 9px}
 .stage h2{margin:6px 0 8px;font-size:1rem;line-height:1.2}
 .stage p{margin:4px 0}
 .question-line{font-size:.76rem}
 .timer{width:38px;height:38px;font-size:1.18rem}
 .options{grid-template-columns:1fr;gap:5px}
 .option{gap:8px;min-height:42px;padding:5px 7px;border-width:2px;border-radius:10px;font-size:.8rem}
 .option b{min-width:29px;height:29px;border-radius:8px;font-size:.84rem}
 .answer-message{min-height:14px;margin:3px 0!important;font-size:.68rem}
 .question-media{max-height:90px;margin:4px auto;border-radius:7px}
 audio{height:32px;margin:4px auto}
 .temporary-ranking{display:none!important}
 .footer{display:none}
}