:root{color-scheme:dark;--bg:#101918;--paper:#f4eddc;--gold:#d6ac61;--muted:#b1b9ae}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font:18px Arial,sans-serif}header{display:flex;gap:16px;align-items:center;padding:18px 4vw;border-bottom:1px solid #34443c}header img{height:64px;width:64px;object-fit:contain;border-radius:50%}header strong{color:var(--gold);letter-spacing:.13em;font-size:25px}header span{display:block;margin-top:4px;color:var(--muted)}#connection{margin-left:auto;font-size:14px;color:var(--muted)}main{max-width:1300px;margin:auto;padding:32px 4vw}h1,h2{font-family:Georgia,serif}h1{font-size:54px;margin:12px 0 24px}h2{font-size:28px;margin:14px 0}p{line-height:1.5}a{color:var(--gold)}button,.button{display:inline-block;border:1px solid #5a6a58;background:#263b32;color:var(--paper);padding:13px 18px;border-radius:7px;font:inherit;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#3a5141}button.primary,.button.primary{background:var(--gold);color:#101918;border-color:var(--gold);font-weight:700}button:disabled{opacity:.45;cursor:default}input,select,textarea{font:inherit;color:var(--paper);background:#182721;border:1px solid #586452;border-radius:6px;padding:12px;width:100%;margin:7px 0 14px}label{display:block;color:var(--muted)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.panel{padding:22px;border:1px solid #35453e;border-radius:8px;margin-bottom:20px}.muted,.eyebrow{color:var(--muted)}.eyebrow{color:var(--gold);font-weight:bold;letter-spacing:.04em}.answer{color:var(--gold);font-size:30px;white-space:pre-line}.preview{font-size:26px;font-weight:bold;line-height:1.35}.badge{font-size:14px;color:var(--gold)}#notice{position:fixed;bottom:18px;left:4vw;right:4vw;pointer-events:none;z-index:10}#notice:not(:empty){padding:14px;background:#382f1f;border:1px solid var(--gold);border-radius:8px}table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid #34443c;padding:12px;vertical-align:top}.correct{color:#8cdbab}.review{color:#edc279}.incorrect{color:#eaa9a3}.compact{font-size:14px}.compact button{padding:7px 10px;font-size:14px}.login{max-width:480px;margin:50px auto}.tv header{border:0;padding:3vh 5vw}.tv header img{width:9vh;height:9vh}.tv main{max-width:none;padding:3vh 5vw}.tv .tv-slide{min-height:69vh;display:flex;flex-direction:column;justify-content:center}.tv h1{font-size:clamp(36px,5.5vw,100px);line-height:1.12;max-width:90vw}.tv .question-text{font:bold clamp(28px,3.7vw,70px) Arial;line-height:1.2;max-width:87vw}.tv .answer-text{font:bold clamp(38px,5.8vw,105px) Georgia;color:var(--paper);margin-top:30px}.tv .visual{max-width:55vw;max-height:39vh;object-fit:contain;margin:3vh auto}.tv .enriched{display:grid;grid-template-columns:1.35fr 1fr;gap:4vw;align-items:center}.tv .enriched img{max-width:33vw;max-height:45vh}.tv .meta{font-size:clamp(16px,1.5vw,28px);color:var(--gold);margin-bottom:3vh}.tv .footer{display:flex;justify-content:space-between;font-size:17px;color:var(--muted)}.tv .title-slide{background:linear-gradient(90deg,#101918f0,#10191844),url('/quiz/assets/lounge.jpg') center/cover;border-radius:0;padding:4vw;margin:-3vh -5vw}.tv-tools{position:fixed;bottom:15px;right:20px;display:flex;gap:8px}.tv-tools button{font-size:13px;padding:8px}.timer{color:var(--gold);font-size:30px}.team-form{max-width:650px;margin:auto}.team-form .visual{display:block;max-width:100%;max-height:34vh;object-fit:contain;margin:16px auto 22px;border-radius:8px}.phone-leaderboard{margin:18px 0 22px;padding:18px;border:1px solid #5a6a58;border-radius:8px;background:#182721}.phone-leaderboard h2{margin-top:4px}.phone-leaderboard .score-list{font-size:22px}.score-list{font-size:25px;line-height:1.8}.host .question-picker{max-height:200px}details summary{cursor:pointer;color:var(--gold);padding:8px}.host .pending-answer{border-top:1px solid #3b4a3e;padding:12px 0}.music-row{padding:12px 0;border-bottom:1px solid #35443a}.music-row input[type=number]{width:100px}.music-row input[type=file]{font-size:14px}.host-nav{position:sticky;top:0;z-index:20;background:#101918eF;padding:12px 0;border-bottom:1px solid #35443a}.joined{color:var(--gold)}@media(max-width:800px){.grid{grid-template-columns:1fr}main{padding:22px 5vw}h1{font-size:38px}header{padding:14px 5vw}.tv .enriched{grid-template-columns:1fr}.tv .enriched img{max-height:28vh;max-width:70vw}.tv .question-text{font-size:5vw}.tv h1{font-size:7vw}.tv .visual{max-width:80vw}}
.tv .join-lobby{width:52vw;max-width:950px}.tv .join-lobby h1{margin:0 0 20px}.tv .join-lobby .meta{margin:0 0 30px}.tv .join-action{display:flex;gap:32px;align-items:center}.tv .join-instruction{font-size:clamp(22px,2.1vw,38px);line-height:1.25;color:var(--gold);margin:0 0 16px}.tv .join-room{color:var(--paper);font-size:20px;margin:0}.tv .join-qr{flex:none}.tv .join-qr img{display:block;width:min(22vw,30vh);height:auto;max-width:320px;background:white;border-radius:4px}@media(max-width:700px){.tv .join-lobby{width:88vw}.tv .join-action{gap:20px}.tv .join-qr img{width:min(38vw,27vh)}.tv .join-room{font-size:16px}}

.host-nav{display:grid;gap:8px;box-shadow:0 10px 22px #0008}.host-nav .host-timer{justify-content:space-between}.host-nav label{display:flex;align-items:center;gap:8px;margin:0}.host-nav select{width:auto;margin:0;padding:8px}.host-nav .timer{font-size:22px;margin-left:auto}.answer-review .review-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.review-visual{display:block;max-width:min(100%,520px);max-height:300px;object-fit:contain;margin:14px auto;border-radius:8px}.review-team{padding:14px 0;border-top:1px solid #35453e}.review-team>strong{display:block;color:var(--gold)}.review-team p{font-size:21px;margin:7px 0}.review-team span{display:block;margin:4px 0 8px}.review-nav{margin-top:16px;justify-content:space-between}@media(max-width:800px){.host-nav{top:0;margin:0 -5vw;padding:8px 5vw}.host-nav .host-controls{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.host-nav .host-controls button{flex:0 0 auto;padding:9px 11px;font-size:14px}.host-nav .host-timer{display:grid;grid-template-columns:auto auto 1fr}.host-nav .host-timer button{padding:9px;font-size:14px}.host-nav .timer{font-size:17px;text-align:right}.answer-review .review-head{display:block}.review-nav button{flex:1}.host .grid{gap:14px}}

/* Live-event mobile Quizmaster: keep every critical control visible without horizontal scrolling. */
@media(max-width:800px){
  .host main{padding-top:18px}
  .host .host-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
  .host .host-links .button{width:100%;text-align:center}
  .host .host-links>a:not(.button){grid-column:1/-1;padding:4px 0}
  .host-nav .host-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;padding-bottom:0}
  .host-nav .host-controls button{width:100%;min-width:0;white-space:normal;line-height:1.15;min-height:44px;padding:8px 7px}
  .host-nav .host-timer{grid-template-columns:auto minmax(0,1fr);gap:6px}
  .host-nav .host-timer .timer{grid-column:1/-1;text-align:left;margin-left:0;min-height:20px}
}
@media(max-width:430px){
  header{gap:10px;flex-wrap:wrap}
  header img{height:54px;width:54px}
  header strong{font-size:21px}
  #connection{width:100%;margin-left:64px;margin-top:-8px}
  .host h1{font-size:36px}
}