/* The studio stays behind the interface and never takes up layout space. */
.ambient{
  z-index:0;
  background:
    linear-gradient(180deg,rgba(7,12,24,.82) 0%,rgba(7,12,24,.58) 45%,rgba(7,12,24,.72) 100%),
    url('studio-panorama.png') center center / cover no-repeat;
}
.app-shell{position:relative;z-index:1}
.ladder-panel{background:linear-gradient(160deg,rgba(24,34,51,.94),rgba(18,27,43,.92))}
@media(max-width:650px){
  .ambient{background-position:center,52% center}
}
.session-metrics{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted,#aaaac7);font-size:12px;font-variant-numeric:tabular-nums;min-height:26px}.session-metrics button{font-size:12px}.question-meta{gap:10px;flex-wrap:wrap}.question-meta>span{margin-right:auto}.mic-button{font-size:12px}.score-breakdown p{display:flex;justify-content:space-between;gap:16px}.score-breakdown .menu-note{display:block}.result-score{padding:10px}.set-dialog{width:min(960px,96vw);max-height:92dvh}.sets-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.sets-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sets-fields label,.set-question label{display:flex;flex-direction:column;gap:6px;font-size:13px}.sets-fields input,.sets-fields select,.set-question input,.set-question textarea,.set-question select,#report-reason,.sets-join input{width:100%;padding:11px;background:#101127;color:#f2f0ff;border:1px solid #58516c;border-radius:9px;font:inherit;user-select:text}.sets-fields label:has(input[type=checkbox]){flex-direction:row;align-items:center}.sets-fields input[type=checkbox]{width:22px;height:22px;flex:none}.set-question{border:1px solid #58516c;border-radius:12px;padding:14px;margin:12px 0}.set-question summary{cursor:pointer;padding:5px;font-weight:600}.set-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.set-question textarea{resize:vertical;min-height:68px}.set-question .sets-toolbar{justify-content:space-between}.set-error{color:#ffadad}.set-item{padding:16px;border:1px solid #58516c;border-radius:12px;margin:10px 0;overflow-wrap:anywhere}.set-item h3{margin:0 0 8px}.sets-join{display:flex;gap:10px;align-items:end}.sets-join label{flex:1;min-width:0}.set-note{font-size:13px;line-height:1.5;color:#b1acc6}.set-code{font-family:monospace;user-select:text}.set-link{width:100%;user-select:text}.custom-button{font-size:13px}.set-ranking{padding-left:22px}.set-ranking li{padding:12px;border-bottom:1px solid #58516c}#report-reason{display:block;margin:10px 0}#on-finish{font-size:12px}
html[data-fit="3"] .session-metrics{min-height:20px}
@media(max-width:650px){.sets-fields,.set-answers{grid-template-columns:1fr}.sets-join{align-items:stretch;flex-direction:column}.mic-button{font-size:11px}.session-metrics{font-size:11px}.question-meta{gap:5px}.custom-button{font-size:12px}.home-footer{flex-wrap:wrap}.set-dialog{padding:18px}}


html[data-fit="3"] .result-score{padding:0;font-size:12px}
html[data-fit="3"] .result-screen .result-trophy{display:none}
html[data-fit="3"] .home-footer{row-gap:0}
@media(max-width:680px),(max-height:500px){#on-finish{display:none}.question-meta>.mic-button{font-size:0;min-width:36px;min-height:32px;justify-content:center}.mic-button::after{content:'🎙';font-size:16px}.question-meta{flex-wrap:nowrap}.question-meta>span{min-width:0}.question-meta .read-button{flex-shrink:0}}
.question-meta .session-metrics{margin-left:auto;flex:none;gap:10px}.session-metrics>span,.session-metrics>button{white-space:nowrap}.question-meta>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-meta{flex-wrap:nowrap}
html[data-fit="3"] #on-hint{display:none}
/* Four equal entry points, including the custom question editor. */
#home-screen .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#home-screen .mode-card{min-width:0;min-height:140px;padding:22px;gap:18px}
#home-screen .mode-copy{min-width:0}
#home-screen .mode-copy h3{font-size:22px;line-height:1.2}
#home-screen .mode-meta{flex-wrap:wrap;gap:6px 15px;margin-top:12px;line-height:1.4}
.online-mode-card{border-color:#578e8770;background:linear-gradient(125deg,#1a3039,#13222e)}
.online-mode-card .mode-icon,.online-mode-card .tag{color:#a1dbcc;border-color:#74bbac66}
.custom-card{border-color:#8c74ac70;background:linear-gradient(125deg,#29263b,#191d30)}
.custom-card .mode-icon,.custom-card .tag{color:#cfb7f0;border-color:#9b7ac966}
html:is([data-fit="2"],[data-fit="3"]) #home-screen .mode-card{min-height:110px;padding:15px 20px}
/* Metadata has its own strip above the question. */
.game-main>.question-meta,.online-main>.question-meta{grid-column:1/-1;padding:7px 14px;margin:0 0 9px;border:1px solid #4c587957;border-radius:10px;background:#0c1423d9;letter-spacing:.4px;min-width:0}
html[data-fit] .question-panel h2{margin:0}
html[data-fit] .game-main>.question-panel,html[data-fit] .online-main>.question-panel{padding-top:20px;padding-bottom:20px}
.result-earn-label{display:block;font-size:15px;letter-spacing:1px;margin-bottom:4px;color:var(--muted)}
.result-retry{color:var(--cream);font-size:15px;line-height:1.5;margin:10px 0}
@media(max-width:680px) and (max-height:650px){
  html[data-fit="3"] .result-screen{padding-top:6px}
  html[data-fit="3"] .result-screen>.eyebrow{margin:6px 0}
  html[data-fit="3"] .result-screen .result-retry{margin:4px 0}
  html[data-fit="3"] .result-screen .score-form{margin:10px 0}
  html[data-fit="3"] .result-screen #result-stats{margin:4px 0}
}
/* The show's familiar gold and navy prize board, with bevelled steps. */
.ladder-panel{background:linear-gradient(150deg,#14132ff5,#080e20f5);border-color:#8d7ca878;box-shadow:inset 0 0 26px #5963ab14,0 10px 40px #0003}
.ladder-title{color:var(--gold)}
.prize-ladder li{border-radius:0;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);background:linear-gradient(90deg,#131e45,#1c2850,#131e45);color:#e8b964;border-color:#6473a257;padding-left:18px;padding-right:18px}
.prize-ladder li.threshold{color:#fff8e9;font-weight:700;background:linear-gradient(90deg,#243259,#35436c,#243259)}
.prize-ladder li.current{background:linear-gradient(100deg,#d99436,#f4d18d,#d99436);color:#251807;border-color:#ffe8a4;box-shadow:none}
.prize-ladder li .ladder-number{color:inherit;opacity:.75}
.prize-ladder li.passed{color:#aab7d0}
.prize-ladder li.current.passed{color:#251807}
@media(max-width:680px){
  #home-screen .mode-grid{gap:10px}
  #home-screen .mode-card,html:is([data-fit="2"],[data-fit="3"]) #home-screen .mode-card{display:block;padding:14px;min-height:135px}
  #home-screen .mode-icon{width:30px;height:30px;border-radius:9px;margin-bottom:8px}
  #home-screen .mode-icon .icon{width:19px;height:19px}
  #home-screen .mode-copy h3{font-size:19px;letter-spacing:-.4px;margin:5px 0 7px}
  #home-screen .mode-copy p{font-size:11px;line-height:1.5}
  #home-screen .mode-meta{font-size:9px;margin-top:7px;gap:3px 8px}
  #home-screen .mode-card .play-arrow,#home-screen .mode-card .tag{display:none}
  html:is([data-fit="2"],[data-fit="3"]) #home-screen .mode-icon{display:none}
  html:is([data-fit="2"],[data-fit="3"]) #home-screen .mode-card{min-height:110px;padding:12px}
  .game-main>.question-meta,.online-main>.question-meta{padding:4px 8px;margin-bottom:7px;gap:6px}
  .question-meta #category,.question-meta #on-category{display:block;flex:1;min-width:0;font-size:9px;letter-spacing:0}
  .question-meta .read-button:not(.mic-button){width:30px;min-height:32px;padding:4px;margin-left:0}
  .question-meta .read-button:not(.mic-button) span{display:none}
  .question-meta .mic-button{min-width:30px;padding:3px}
  .question-meta .session-metrics{gap:6px}
  html[data-fit] .game-main>.question-panel,html[data-fit] .online-main>.question-panel{padding-top:14px;padding-bottom:14px}
  .result-retry{font-size:13px}
}
@media(min-width:681px) and (max-height:580px){
  #home-screen .mode-card,html:is([data-fit="2"],[data-fit="3"]) #home-screen .mode-card{min-height:87px;padding:9px 14px;gap:12px}
  #home-screen .mode-copy h3{font-size:19px;margin:3px 0}
  #home-screen .mode-meta{margin-top:4px;font-size:9px}
  #home-screen .mode-card .tag{display:none}
  #home-screen .mode-icon{width:36px;height:36px}
  html[data-fit] .game-main>.question-panel,html[data-fit] .online-main>.question-panel{padding-top:10px;padding-bottom:10px}
  .game-main>.question-meta,.online-main>.question-meta{padding-top:2px;padding-bottom:2px;margin-bottom:0}
  .result-retry{grid-column:1;margin:0;font-size:12px}
}
html[data-fit="3"] .home-footer{padding-bottom:8px}
@media(max-width:680px),(max-height:500px){.question-meta .session-metrics{margin-left:0;gap:7px;font-size:11px}.question-meta .session-metrics button{font-size:11px}.question-meta>span{display:none}.question-meta .read-button{margin-left:auto}.question-meta .mic-button{margin-left:0}html[data-fit="3"] .result-screen{padding-bottom:0}html[data-fit="3"] #result-stats{margin-top:8px;margin-bottom:8px}}