:root{
  --navy:#071333;--deep:#091f55;--blue:#1642a5;--tile:#1541ab;--tile2:#102e82;
  --gold:#ffcf5b;--ivory:#f7f9ff;--muted:#adc3e6;--line:#36558d;
  --radius:17px;--font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif
}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;min-height:100vh;font-family:var(--font);background:radial-gradient(circle at 53% -14%,#2454b6 0%,transparent 36%),linear-gradient(145deg,#081740,#07102a 70%);color:var(--ivory)}
button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:default}a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.hidden{display:none!important}
.topbar{min-height:62px;display:flex;align-items:center;gap:13px;padding:8px max(20px,calc((100vw - 1540px)/2));background:#07142be6;border-bottom:1px solid #284477}
.brand{display:flex;align-items:center;gap:7px;font-weight:860;letter-spacing:-.5px;font-size:20px;white-space:nowrap}
.logo{background:var(--gold);width:31px;height:31px;color:#10234f;border-radius:10px;display:grid;place-items:center;font-size:23px}
.dot{color:var(--gold)}.header-divider{height:23px;background:#45639a;width:1px}
.mode-name{font-weight:850;font-size:12px;letter-spacing:1.1px}.top-spacer{flex:1}
.game-brief{font-size:10px;letter-spacing:1.3px;color:var(--muted);font-weight:750;margin-right:12px}
.bar-btn,.close-btn{background:#122d51;border:1px solid #42618f;color:#e4ecfc;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:800;white-space:nowrap}
.bar-btn:hover,.close-btn:hover{background:#274b83}
.page{max-width:1540px;margin:auto;padding:24px 24px 34px}
.eyebrow{font-size:11px;font-weight:850;letter-spacing:1.4px;color:#8ab0ff}
.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:15px 0 26px}
.hero h1{font-size:clamp(32px,4.7vw,63px);letter-spacing:-2.8px;line-height:1.1;margin:8px 0 11px}
.hero h1 em{color:var(--gold);font-style:normal}.hero p{max-width:730px;color:#b4c8ee;font-size:15px;line-height:1.55;margin:0}
.hero-number{display:flex;align-items:center;gap:12px;text-align:right;color:#9fc0ff}
.hero-number strong{font-size:70px;line-height:.9;color:#ffd669}
.hero-number span{font-size:11px;font-weight:900;letter-spacing:1px;line-height:1.5}
.surface{background:#0c2354;border:1px solid #294b91;box-shadow:0 12px 38px #0002;border-radius:20px;padding:25px}
.setup-layout{display:grid;grid-template-columns:minmax(285px,.3fr) minmax(0,.7fr);gap:20px;align-items:start}
.card-head{margin-bottom:20px}.card-head h2{margin:7px 0;font-size:clamp(20px,2vw,27px);letter-spacing:-.7px}
.card-head p{font-size:12px;color:#9bb9eb;line-height:1.6;margin:6px 0 0}
.form-field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#bcd3f8;font-weight:750;margin-bottom:14px;min-width:0}
.form-field input,.form-field textarea{border-radius:9px;border:1px solid #4b69a6;background:#0b1b43;color:#f3f7ff;padding:12px 13px;min-width:0;width:100%;font-size:15px;resize:vertical}
.form-field input::placeholder,.form-field textarea::placeholder{color:#7696c5}
.form-field textarea{line-height:1.55}.subtle{font-size:11px;color:#8faadd;font-weight:500}
.setting-rule{border-top:1px solid #355390;margin:21px 0}
.setup-tip{color:#a6bee6;font-size:12px;line-height:1.7}
.task-count{display:flex;align-items:center;justify-content:space-between;border-radius:10px;background:#112c62;padding:14px;margin:19px 0 20px;font-size:12px;color:#bcd4fb}
.task-count strong{font-size:20px;color:var(--gold)}
.primary-btn{display:flex;align-items:center;justify-content:center;gap:18px;background:var(--gold);border:0;border-radius:10px;padding:13px 19px;color:#17294d;font-weight:870;font-size:13px;min-height:46px}
.primary-btn:hover{filter:brightness(1.08)}
.setup-settings .primary-btn{width:100%;justify-content:space-between;font-size:15px}
.quiet-btn{border:0;color:#aabfe1;text-decoration:underline;text-underline-offset:4px;background:transparent;font-size:12px;padding:10px 0;font-weight:700}
.quiet-btn:hover{color:#fff}.setup-settings>.quiet-btn{display:block;margin:9px auto 0}
.setup-banner{background:#243f7d;border:1px solid #6486c7;border-radius:12px;padding:12px 16px;margin-bottom:18px;color:#f3f6ff;font-size:13px}
.setup-rounds,.game-rounds{display:flex;gap:8px;flex-wrap:wrap;margin:19px 0 18px}
.round-tab{border:1px solid #4668aa;background:#11295e;border-radius:9px;color:#b9ccec;padding:10px 15px;font-size:12px;font-weight:810}
.round-tab:hover{background:#204786}.round-tab.selected{background:#ffd669;color:#1e2d4a;border-color:#ffd669}
.round-tab.final-tab{margin-left:auto}
.setup-grid{display:flex;flex-direction:column;gap:7px;min-width:0;overflow-x:auto;padding-bottom:4px}
.setup-row{display:grid;grid-template-columns:minmax(118px,1.9fr) repeat(5,minmax(48px,1fr));gap:7px;min-width:390px}
.setup-label{display:flex;flex-direction:column;justify-content:center;min-width:0;background:#112d69;border:1px solid #34569e;border-radius:8px;padding:8px 9px;gap:5px}
.setup-label span{font-size:9px;color:#8eaee6;letter-spacing:.8px;font-weight:850}
.setup-label input{border:0;border-bottom:1px solid #6182c5;background:transparent;color:#fff;width:100%;outline-offset:1px;font-size:12px;font-weight:730;padding:2px 0}
.setup-value{border:1px solid #4c75bb;border-radius:8px;min-height:68px;color:var(--gold);background:linear-gradient(145deg,#153d95,#123372);font-weight:900;font-size:15px;position:relative}
.setup-value small{position:absolute;right:5px;top:4px;font-size:9px;color:#a7c0f6}
.setup-value:not(.filled){color:#8da9d6;border-style:dashed;background:#0b2459}
.setup-value:hover{filter:brightness(1.2)}
.setup-final{padding:8px}.setup-final p{color:#bcd2ee;font-size:13px;line-height:1.6}
.setup-final .form-field{margin-top:16px}
.stage-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:10px}
.stage-header h1{font-size:clamp(25px,3vw,40px);letter-spacing:2px;font-weight:1000;margin:1px 0}
.stage-header h1 span{color:var(--gold)}
.stage-actions{display:flex;gap:8px}
.scoreboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:7px 0 15px}
.scoreboard.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.score-card{min-width:0;display:flex;align-items:center;gap:10px;border:1px solid #395da4;border-top:3px solid var(--team-color,#ffca57);background:#102e68;border-radius:12px;padding:12px 15px}
.score-color{height:11px;width:11px;background:var(--team-color);border-radius:50%;flex:none}
.score-name{font-size:15px;font-weight:850;min-width:0;overflow-wrap:anywhere}
.score-value{margin-left:auto;color:#ffd86b;font-size:clamp(24px,3vw,34px);letter-spacing:-1.4px;font-weight:900}
.game-rounds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 14px}
.round-step{display:flex;align-items:center;justify-content:center;gap:12px;background:#0e2a63;border:1px solid #4466a5;border-radius:10px;min-height:48px;color:#a8bfe5;font-size:11px;letter-spacing:.5px;font-weight:830}
.round-step b{font-size:20px}.round-step.current{background:#2257af;border:1px solid #7ca4e9;color:#fff;box-shadow:inset 0 0 20px #6e99dd30}
.round-step.current b{color:#ffd96c}
.stage-board{padding:22px;border:1px solid #38599b;border-radius:19px;background:#0d2556}
.board-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}
.board-top h2{font-size:clamp(16px,1.65vw,23px);margin:5px 0 0;letter-spacing:-.5px}
.progress{font-size:11px;color:#b0c5e8;white-space:nowrap}
.play-board{display:flex;flex-direction:column;gap:9px}
.play-row{display:grid;grid-template-columns:minmax(145px,2fr) repeat(5,minmax(0,1fr));gap:9px}
.topic-tile{background:linear-gradient(135deg,#173b83,#17459d);border:1px solid #4f79c2;border-radius:9px;padding:14px 16px;display:flex;align-items:center;min-width:0;color:#fff;font-size:clamp(12px,1.17vw,17px);font-weight:850;letter-spacing:-.2px;overflow-wrap:anywhere}
.value-tile{min-height:clamp(58px,9dvh,100px);background:linear-gradient(155deg,#184bc0,#103590);border:1px solid #4477d7;border-radius:9px;color:#ffda73;font-size:clamp(19px,2.65vw,37px);font-weight:900;text-shadow:0 2px 2px #061f4a;transition:transform .12s,filter .12s}
.value-tile:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.2)}
.value-tile.used{background:#0c2352;color:#516d9c;text-shadow:none;border-color:#263f72}
.value-tile.empty{background:#0b214f;color:#315387;border-style:dashed}
.game-footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#738fbf;font-size:10px;margin-top:14px;line-height:1.6}
.game-footer b{color:#a3bce4}
.final-stage{text-align:center;padding:26px 20px 35px}
.final-stage .final-star{font-size:60px;color:var(--gold)}
.final-stage h3{font-size:30px;margin:7px 0 9px}
.final-stage p{font-size:13px;color:#adc3e5;max-width:500px;margin:0 auto 19px;line-height:1.7}
.final-stage .primary-btn{margin:auto}
.overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#010818df;overflow-y:auto}
.question-dialog,.edit-dialog{background:radial-gradient(circle at 50% -15%,#1e4fba 0%,#102d72 49%,#071d4b 100%);border:1px solid #7795d6;border-radius:22px;box-shadow:0 28px 100px #0009;width:min(100%,1020px);max-height:calc(100dvh - 40px);overflow-y:auto;padding:clamp(17px,2.5vw,34px)}
.question-dialog-head,.modal-top{display:flex;justify-content:space-between;align-items:start;gap:12px}
.question-dialog-head h2,.modal-top h2{font-size:clamp(22px,3vw,35px);margin:6px 0;color:var(--gold);letter-spacing:-.6px}
.close-btn{font-size:27px;line-height:1;width:39px;height:39px;padding:4px}
.question-body{font-size:clamp(27px,4.1vw,55px);font-weight:780;line-height:1.27;letter-spacing:-1.25px;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;padding:clamp(14px,3.2vw,42px) 12px;min-height:115px}
.answer-reveal{display:flex;gap:12px;justify-content:center;align-items:baseline;flex-wrap:wrap;background:#071c49;border:1px solid #4b7bc5;border-radius:11px;margin:0 0 16px;padding:14px}
.answer-reveal small{font-size:10px;letter-spacing:1px;color:#8eb0e6;font-weight:850}
.answer-reveal strong{font-size:clamp(15px,2vw,24px);white-space:pre-wrap;overflow-wrap:anywhere;color:#fff}
.question-dialog-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #3458a0;padding-top:15px}
.question-dialog-controls p{font-size:12px;color:#bdd0ee;margin:0}
.secondary-btn{border:1px solid #799cce;border-radius:10px;background:#1c428c;color:#fff;font-size:12px;font-weight:780;padding:11px 15px;min-height:42px}
.secondary-btn:hover{background:#3662af}
.award-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}
.award-buttons.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.award-team{border:1px solid #5481cb;border-top:3px solid var(--team-color,#ffd66d);background:#0b265d;border-radius:10px;padding:12px;min-width:0}
.award-team h3{margin:0 0 10px;font-size:14px;overflow-wrap:anywhere}
.award-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.judge{border:1px solid #5e7bb2;border-radius:7px;min-height:39px;background:#1d4184;color:#e8f1ff;font-size:12px;font-weight:790}
.judge.correct{color:#142c25;background:#95f6b3;border-color:#95f6b3}
.judge.wrong{color:#fff;background:#d75670;border-color:#d75670}
.judge:not(.selected){filter:saturate(.55) brightness(.7)}
.judge:hover{filter:brightness(1.12)}
.judge.selected{box-shadow:0 0 0 2px #fff9}
.question-bottom{border-top:1px solid #3c60a3;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:14px;flex-wrap:wrap}
.question-status{color:#b1caee;font-size:11px}
.question-bottom-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.wagers{margin-top:12px;background:#081f51;border:1px solid #5577be;border-radius:10px;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wagers.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.wager-field{display:flex;flex-direction:column;gap:5px;color:#bed5f4;font-size:11px;font-weight:760}
.wager-field input{background:#183b7a;color:#fff;border:1px solid #7c9bda;border-radius:7px;padding:10px;min-width:0;width:100%;font-size:16px}
.edit-dialog{max-width:660px}
.edit-dialog .form-field{margin-top:16px}
.edit-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.edit-actions .quiet-btn{margin-right:auto}
.toast{position:fixed;z-index:40;bottom:17px;left:50%;transform:translateX(-50%);background:#ffda74;color:#1d305a;border-radius:10px;padding:13px 20px;text-align:center;font-weight:850;font-size:13px;box-shadow:0 5px 25px #0008}
@media(max-width:1050px){
  .setup-layout{grid-template-columns:1fr}
  .setup-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .setup-settings .card-head,.setup-settings .setting-rule,.setup-settings .setup-tip,.setup-settings .task-count,.setup-settings .primary-btn,.setup-settings>.quiet-btn{grid-column:1/-1}
  .setup-settings .form-field{margin:0}
  .setup-settings .setting-rule{margin:0}
  .setup-settings .task-count{margin:0}
  .setup-settings>.quiet-btn{margin:0 auto}
  .play-row{grid-template-columns:minmax(115px,1.6fr) repeat(5,minmax(0,1fr))}
  .value-tile{min-height:72px}
}
@media(max-width:690px){
  .topbar{gap:8px;padding:8px 12px;min-height:54px}
  .brand{font-size:16px}.brand .logo{height:26px;width:26px;font-size:19px}
  .mode-name{font-size:10px}.game-brief{display:none}.bar-btn{padding:9px;font-size:11px}.bar-btn span{display:none}
  .page{padding:15px 12px 24px}
  .hero{align-items:start;margin:10px 0 19px}
  .hero h1{letter-spacing:-1.6px}
  .hero-number{display:none}
  .surface{padding:17px}
  .setup-settings{grid-template-columns:1fr}
  .setup-settings .form-field{grid-column:1/-1}
  .round-tab{flex:1;padding:10px 7px;font-size:11px}
  .round-tab.final-tab{margin-left:0}
  .scoreboard,.scoreboard.three{grid-template-columns:1fr}
  .score-card{padding:7px 12px;min-height:44px}
  .score-name{font-size:13px}.score-value{font-size:24px}
  .game-rounds{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .round-step{flex-direction:column;gap:0;min-height:53px;font-size:8px;text-align:center;padding:5px}
  .round-step b{font-size:17px}
  .stage-header h1{font-size:24px}
  .stage-header .eyebrow{font-size:9px}
  .stage-actions .bar-btn{font-size:10px}
  .stage-board{padding:10px;border-radius:12px}
  .board-top{gap:7px;align-items:start}
  .board-top h2{font-size:15px}
  .progress{font-size:10px;white-space:normal;text-align:right}
  .play-board{gap:5px;overflow-x:auto}
  .play-row{grid-template-columns:minmax(95px,1.7fr) repeat(5,minmax(40px,1fr));min-width:325px;gap:4px}
  .topic-tile{font-size:10px;padding:7px;min-height:54px}
  .value-tile{font-size:17px;min-height:54px}
  .game-footer{gap:4px}
  .overlay{padding:9px}
  .question-dialog{padding:15px;border-radius:14px;max-height:calc(100dvh - 18px)}
  .question-body{font-size:clamp(24px,7vw,35px);padding:20px 4px}
  .question-dialog-head h2{font-size:22px}
  .award-buttons,.award-buttons.three{grid-template-columns:1fr;gap:8px}
  .award-team{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px}
  .award-team h3{margin:0}
  .award-choices{width:50%;min-width:175px}
  .wagers,.wagers.three{grid-template-columns:1fr}
}
@media(max-width:370px){
  .brand strong{display:none}
  .header-divider{display:none}
  .round-tab{font-size:10px;padding:8px 5px}
  .award-team{flex-direction:column;align-items:stretch}
  .award-choices{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v2 — iPad-first layout: visible 5×5 game board without horizontal cut-off,
   shorter tiles in landscape and a scrollable setup view on small screens. */
.setup-layout,.setup-settings,.setup-board,.play-page,.stage-board,.play-board,.scoreboard{min-width:0}
@media (min-width:760px) and (max-width:1180px) {
  .page{padding:14px 18px 20px}
  .topbar{padding:8px 17px;min-height:55px}
  .hero{margin:7px 0 17px}
  .hero h1{font-size:clamp(31px,4vw,48px);margin:6px 0}
  .hero-number strong{font-size:46px}
  .surface{padding:17px}
  .setup-layout{display:grid;grid-template-columns:minmax(230px,30%) minmax(0,1fr);gap:13px;align-items:start}
  .setup-settings{display:flex;flex-direction:column;gap:0}
  .setup-settings .form-field{margin-bottom:10px}
  .setup-settings .setting-rule{margin:11px 0}
  .setup-settings .task-count{margin:10px 0}
  .setup-settings .primary-btn{min-height:43px}
  .setup-settings>.quiet-btn{margin:5px auto}
  .setup-rounds{gap:5px;margin:12px 0}
  .round-tab{padding:9px 8px;font-size:11px}
  .setup-row{min-width:0;grid-template-columns:minmax(96px,1.7fr) repeat(5,minmax(40px,1fr));gap:5px}
  .setup-value{min-height:55px;font-size:13px}
  .setup-label{padding:6px 7px}
  .setup-label input{font-size:11px}
  .stage-header{padding:0 0 6px}
  .stage-header h1{font-size:clamp(25px,3vw,35px)}
  .scoreboard{margin:5px 0 9px;gap:8px}
  .score-card{padding:7px 11px;min-height:52px}
  .score-value{font-size:26px}
  .game-rounds{margin:0 0 9px;gap:6px}
  .round-step{min-height:40px;gap:7px;padding:5px;font-size:10px}
  .round-step b{font-size:17px}
  .stage-board{padding:12px 14px}
  .board-top{margin-bottom:11px}
  .board-top h2{font-size:18px}
  .play-board{gap:6px;overflow-x:visible}
  .play-row{grid-template-columns:minmax(113px,1.5fr) repeat(5,minmax(0,1fr));min-width:0;gap:6px}
  .topic-tile{padding:9px 11px;font-size:clamp(11px,1.2vw,14px);min-height:clamp(45px,7.2dvh,69px)}
  .value-tile{min-height:clamp(45px,7.2dvh,69px);font-size:clamp(18px,2.8vw,29px)}
  .game-footer{margin-top:8px;font-size:9px}
}
@media (min-width:1181px) and (max-height:840px) {
  .page{padding-top:12px;padding-bottom:14px}
  .stage-header{padding-bottom:5px}
  .scoreboard{margin:4px 0 9px}
  .score-card{min-height:52px;padding:7px 13px}
  .game-rounds{margin-bottom:9px}
  .round-step{min-height:42px}
  .stage-board{padding:14px}
  .board-top{margin-bottom:10px}
  .play-board{gap:7px}
  .play-row{gap:7px}
  .value-tile,.topic-tile{min-height:clamp(44px,7dvh,65px)}
}
@media (max-width:759px) {
  .setup-grid{overflow-x:auto;scrollbar-width:thin}
  .setup-row{min-width:390px}
  .play-board{overflow-x:auto;scrollbar-width:thin}
  .play-row{min-width:340px}
}

/* v3 — remove tutorial space and let the question grid use the screen. */
.hero{margin-bottom:17px}
.hero h1{margin-bottom:0}
.setup-settings .setting-rule{margin:11px 0}
.setup-board .card-head{margin-bottom:11px}
.final-stage p:empty{display:none}
.question-dialog-controls>p.hidden,.question-status.hidden{display:none!important}
.game-footer:empty{display:none}
@media(min-width:760px) and (max-width:1180px){
 .hero{margin-bottom:10px}
 .card-head{margin-bottom:12px}
 .setup-rounds{margin-top:10px}
}

/* v4 — teacher-selected round count and large media inside quiz cards. */
.quiz-round-field{margin:7px 0 13px}
.quiz-round-field select{
  width:100%;min-width:0;min-height:45px;padding:10px 13px;
  border:1px solid #4b69a6;border-radius:9px;background:#0b1b43;
  color:#f3f7ff;font-size:14px;font-weight:750
}
.rounds-notice{display:block;color:#ffd36d;font-size:11px;line-height:1.45;margin:0 0 11px}
.game-rounds{grid-template-columns:repeat(var(--round-columns,4),minmax(0,1fr))}
.media-editor{
  margin:14px 0 18px;padding:16px;border:1px dashed #6687c2;
  background:#0a2458;border-radius:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center
}
.media-upload-btn{
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;border:1px solid #91b0e7;background:#183d81;
  color:#f7f9ff;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:850;min-height:39px
}
.media-upload-btn:hover{background:#2352a3}
.media-clear{border:0;border-radius:8px;padding:10px 12px;background:#612d56;color:#ffdcf2;font-size:11px;font-weight:750;min-height:39px}
.media-clear:hover{background:#8b3868}
.media-local-note{flex:1 1 100%;color:#90adda;font-size:11px;line-height:1.55}
.media-editor-preview{flex:1 1 100%;width:100%;color:#d2ddf6;font-size:12px}
.media-editor-preview:empty{display:none}
.media-editor-preview img,.media-editor-preview video{
  display:block;max-width:100%;max-height:230px;object-fit:contain;border-radius:10px;
  border:1px solid #4b75b6;background:#061533;margin:auto
}
.media-editor-preview audio{display:block;width:min(100%,540px);max-width:100%}
.question-media{
  margin:0 auto 15px;width:100%;max-width:840px;
  display:flex;align-items:center;justify-content:center;min-height:38px;
  color:#e9f0ff;font-size:13px;text-align:center
}
.question-media img,.question-media video{
  display:block;max-width:100%;max-height:min(47dvh,400px);object-fit:contain;
  border-radius:12px;box-shadow:0 6px 25px #0006;background:#061a47
}
.question-media audio{display:block;width:min(100%,700px);min-height:48px}
@media(max-width:760px){
  .game-rounds{display:flex;overflow-x:auto;scrollbar-width:thin;gap:6px;flex-wrap:nowrap;padding-bottom:4px}
  .round-step{flex:0 0 115px;min-width:115px}
  .question-media img,.question-media video{max-height:33dvh}
  .media-editor{padding:12px}
}
@media(min-width:760px) and (max-width:1180px){
  .game-rounds{grid-template-columns:repeat(var(--round-columns,4),minmax(0,1fr))}
  .round-step{gap:4px;padding:6px 3px;font-size:9px}
  .round-step b{font-size:16px}
  .question-media img,.question-media video{max-height:35dvh}
}