/* Approved Live Challenge direction, adapted to verified existing controls.
   Scope: this tool only. No artwork that can hint at a question's answer. */
.hq-live-stage-design{--show-navy:#061c49;--show-blue:#0758d9;--show-gold:#ffdb3f;--show-ink:#071b45;--show-line:#2b8fff}
.hq-live-stage-design [hidden]{display:none!important}
.hq-live-stage-design :is(button,a,input,select,textarea):focus-visible{outline:3px solid #ffdb3f;outline-offset:4px}
.hq-live-stage-design :is(.live-stage-question,.live-stage-option,.projector-question,.projector-option,.join-question h2,.join-choice,.join-result){overflow-wrap:anywhere}
.hq-live-stage-design :is(.live-btn,.projector-controls button,.join-btn,.join-submit){min-height:44px}
.hq-live-stage-design.live-page .live-room-shell{padding:0;border:0;background:none}
.hq-live-stage-design #hostRoom>.live-panel{background:linear-gradient(135deg,#061736,#092d69);border:2px solid var(--show-line);padding:24px;border-radius:26px;color:#fff;box-shadow:0 16px 50px #061c4926}
.hq-live-stage-design #hostRoom :is(h3,.eyebrow){color:#fff}
.hq-live-stage-design #hostRoom .live-help{color:#cfdef7}
.hq-live-stage-design #hostRoom .live-room-top{padding-bottom:20px;border-bottom:1px solid #41689a}
.hq-live-stage-design #hostRoom .live-room-code{color:#72e5ff;text-shadow:none;font-size:clamp(30px,4vw,46px);letter-spacing:.13em}
.hq-live-stage-design #hostRoom .live-stat-grid{gap:10px;margin:18px 0}
.hq-live-stage-design #hostRoom .live-stat{background:#0c326c;border:1px solid #356db4;color:#fff;border-radius:14px}
.hq-live-stage-design #hostRoom .live-stat :is(span,strong){color:#fff}
.hq-live-stage-design #hostRoom .live-stat strong{font-size:26px}
.hq-live-stage-design #hostRoom .live-host-grid{grid-template-columns:minmax(0,2.1fr) minmax(240px,1fr);gap:18px}
.hq-live-stage-design #hostRoom .live-host-grid>*,.hq-live-stage-design #hostRoom .live-host-grid aside{min-width:0}
.hq-live-stage-design #hostRoom .live-panel .live-panel{background:#092553;border:1px solid #315f9a;border-radius:18px;padding:18px;color:#fff}
.hq-live-stage-design #hostRoom :is(.live-empty,.live-callout){background:#0b326b;border-color:#41689a;color:#dceaff}
.hq-live-stage-design #hostRoom .live-student-table :is(th,td){color:#edf5ff;border-color:#31527f}
.hq-live-stage-design #hostRoom .live-rank{background:#123c79;color:#fff;border:1px solid #3a659c}
.hq-live-stage-design #hostRoom .live-rank small{color:#d5e5ff}
.hq-live-stage-design #hostRoom .live-rank:nth-child(1){background:#ffe06a;color:#10204a;border-color:#ffe06a}
.hq-live-stage-design #hostRoom .live-rank:nth-child(1) small{color:#10204a}
.hq-live-stage-design #hostRoom .live-rank:nth-child(2){background:#d7e1f3;color:#10204a}
.hq-live-stage-design #hostRoom .live-rank:nth-child(3){background:#ffc488;color:#10204a}
.hq-live-stage-design #hostRoom .live-rank :is(b,strong){color:inherit}
.hq-live-stage-design #hostRoom .live-btn.secondary{background:#143c75;color:#fff;border:1px solid #5081bf}
.hq-live-stage-design #closeLiveQuestion{background:#df1645;color:#fff;border:1px solid #ff6983}
.hq-live-stage-design #nextLiveQuestion,.hq-live-stage-design #startLiveGame{background:#0b8348;color:#fff;border:1px solid #44dd96}
.hq-live-stage-design .live-control-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.hq-live-stage-design .live-control-row .live-btn{flex:1;min-width:140px;font-size:16px}
.hq-live-stage-design button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
.hq-live-stage-design .live-question-stage{display:flex;flex-direction:column;align-items:stretch;justify-content:center;background:radial-gradient(ellipse at top,#134cba,#092d73 65%);border:2px solid #238bff;border-radius:22px;padding:20px;min-height:320px;text-align:left}
.hq-live-stage-design .live-stage-status,.hq-live-stage-design .projector-stage-status{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.hq-live-stage-design .live-stage-kicker{color:#fff;font-size:15px;line-height:1.4;letter-spacing:.02em}
.hq-live-stage-design .live-stage-kicker span{display:block;color:#bcd9ff;font-size:12px;margin-top:4px}
.hq-live-stage-design .live-timer-box{background:#ffdb3f;border:2px solid #ffe899;border-radius:14px;padding:8px 16px;text-align:center;min-width:126px;color:#071b45;flex-shrink:0}
.hq-live-stage-design .live-timer-box>span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.hq-live-stage-design .live-timer-big{position:static;inset:auto;transform:none;font-size:40px;line-height:1.1;color:#071b45;margin:0;font-variant-numeric:tabular-nums}
.hq-live-stage-design .live-stage-question{background:linear-gradient(145deg,#fff,#eaf5ff);color:#071b45;border:2px solid #b6ddff;border-radius:18px;padding:24px 20px;font-size:clamp(25px,2.6vw,42px);font-weight:950;line-height:1.16;text-align:center;margin:0;width:auto}
.hq-live-stage-design .live-stage-options{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 0}
.hq-live-stage-design :is(.live-stage-option,.join-choice,.projector-option){--choice:#a3e7ff;--key:#0758d9;background:var(--choice);border:2px solid #f4fbff99;border-radius:15px;color:#071b45;display:flex;align-items:center;gap:12px;text-align:left;font-weight:900;box-shadow:0 5px 0 #001c4b40;padding:14px;min-width:0}
.hq-live-stage-design :is(.live-stage-option,.join-choice,.projector-option):nth-child(6n+2){--choice:#a7f6be;--key:#087b37}
.hq-live-stage-design :is(.live-stage-option,.join-choice,.projector-option):nth-child(6n+3){--choice:#ffe37d;--key:#996000}
.hq-live-stage-design :is(.live-stage-option,.join-choice,.projector-option):nth-child(6n+4){--choice:#ffb7df;--key:#be075a}
.hq-live-stage-design :is(.live-stage-option,.join-choice,.projector-option):nth-child(6n+5){--choice:#d9c9ff;--key:#683bb3}
.hq-live-stage-design :is(.live-stage-option,.join-choice,.projector-option):nth-child(6n+6){--choice:#b3f2ed;--key:#006f6b}
.hq-live-stage-design :is(.live-choice-letter,.join-choice-key,.projector-option>span){display:inline-grid;place-items:center;flex:0 0 42px;width:42px;height:46px;background:var(--key);border-radius:10px;color:#fff;font-size:24px;font-weight:950;line-height:1}
.hq-live-stage-design .live-stage-option{font-size:20px;min-height:76px}
.hq-live-stage-design .live-stage-answer{background:#075e3a;border:2px solid #71edb2;border-radius:14px;padding:14px;margin-top:18px;color:#fff;font-size:24px;text-align:center}
.hq-live-stage-design.join-body,.hq-live-stage-design.projector-body{background:radial-gradient(ellipse at 20% 0%,#1354ae,transparent 55%),radial-gradient(ellipse at 90% 90%,#153e8c,transparent 45%),#041632;color:#fff}
.hq-live-stage-design .join-shell{width:min(820px,calc(100% - 28px));padding-top:24px}
.hq-live-stage-design .join-brand{margin-bottom:16px}
.hq-live-stage-design .join-brand img{background:#fff;border-radius:18px;padding:4px;width:64px;height:64px}
.hq-live-stage-design .join-card{background:#082455;border:2px solid #2f8be8;box-shadow:0 18px 60px #00102f66;color:#fff;padding:26px;border-radius:24px}
.hq-live-stage-design .join-card :is(h1,.eyebrow,.join-field label){color:#fff!important}
.hq-live-stage-design .join-room-title{color:#cfdef5}
.hq-live-stage-design .join-field :is(input,select){background:#fff;color:#071b45;border:2px solid #7dbfff;min-height:52px;box-sizing:border-box;min-width:0}
.hq-live-stage-design #joinCode{font-size:28px;font-weight:950;text-align:center;letter-spacing:.12em;text-transform:uppercase}
.hq-live-stage-design .join-btn{background:#0a8548;border:2px solid #62eaa5;box-shadow:0 5px 0 #003a28;color:#fff}
.hq-live-stage-design .join-stat{background:#0c3873;border:1px solid #497bb4}
.hq-live-stage-design .join-stat :is(small,strong){color:#fff}
.hq-live-stage-design .join-question{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;background:none;border:0;padding:0;color:#fff;text-align:left;box-shadow:none}
.hq-live-stage-design .join-question .num{opacity:1;font-size:12px;letter-spacing:.04em}
.hq-live-stage-design .join-countdown{grid-column:2;grid-row:1;background:#e71e45;border:2px solid #ffb9c6;border-radius:12px;padding:5px 12px;font-size:27px;line-height:1.2;margin:0;color:#fff}
.hq-live-stage-design .join-question h2{grid-column:1/-1;grid-row:2;background:#f5fbff;color:#071b45;border:2px solid #ffdb3f;border-radius:18px;padding:22px;margin:0 0 16px;font-size:clamp(24px,4vw,38px);line-height:1.16;text-align:center}
.hq-live-stage-design .join-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hq-live-stage-design .join-choice{font-size:20px;min-height:90px}
.hq-live-stage-design .join-choice:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}
.hq-live-stage-design .join-key-hint{margin:16px 0 0;color:#c8dcf9;font-size:12px}
.hq-live-stage-design .join-lock{background:#103575;border:1px solid #538dd1;color:#fff}
.hq-live-stage-design .join-lock h2{color:#fff}
.hq-live-stage-design .join-submit{background:#0758d9;border:2px solid #66b7ff}
.hq-live-stage-design .join-result{padding:28px 20px;border:2px solid;border-radius:20px;color:#fff}
.hq-live-stage-design .join-result h2{font-size:clamp(28px,5vw,42px);line-height:1.12;margin:12px 0}
.hq-live-stage-design .join-result p{font-weight:650;margin:12px 0;line-height:1.4}
.hq-live-stage-design .join-result.earned-points{background:radial-gradient(ellipse at top,#168d4b,#064c32);border-color:#ffe56e}
.hq-live-stage-design .join-result.correct-no-points{background:linear-gradient(145deg,#104aa2,#0a2e6b);border-color:#71dfff}
.hq-live-stage-design .join-result.bad{background:linear-gradient(145deg,#7d2542,#4b1933);border-color:#ffb0c1}
.hq-live-stage-design .join-result.not-submitted{background:#193b6f;border-color:#96bcf1}
.hq-live-stage-design .join-result-icon{font-size:64px;color:#ffe47c}
.hq-live-stage-design .join-points{display:block;background:#ffe35c;border-radius:12px;padding:10px 18px;color:#102149;font-size:32px}
.hq-live-stage-design :is(.join-speed-badge,.join-streak-badge){background:#fff4bb;color:#122447}
.hq-live-stage-design .join-next-hint{font-size:14px;opacity:.9}
.hq-live-stage-design .join-rank{background:#123a73;color:#fff;border:1px solid #416fa7}
.hq-live-stage-design .join-status{color:#d5e6ff}
.hq-live-stage-design .join-status.good{color:#a0f5c8}
.hq-live-stage-design .join-status.bad{color:#ffc3cf}
.hq-live-stage-design .projector-shell{padding:24px;gap:20px}
.hq-live-stage-design .projector-brand{font-size:clamp(20px,2.6vw,34px)}
.hq-live-stage-design .projector-code{background:#0d3e7e;border:1px solid #428ee6;border-radius:12px;padding:10px 14px;color:#89ecff;font-size:22px}
.hq-live-stage-design .projector-main{grid-template-columns:minmax(0,2.6fr) minmax(260px,1fr);gap:18px}
.hq-live-stage-design[data-live-phase="question"] .projector-main{grid-template-columns:minmax(0,1fr)}
.hq-live-stage-design[data-live-phase="question"] .projector-side{display:none}
.hq-live-stage-design .projector-question-card{background:radial-gradient(ellipse at top,#1256bd,#082962 70%);border:2px solid #2b8fff;box-shadow:0 0 0 7px #0b3674;padding:24px;overflow:visible}
.hq-live-stage-design .projector-stage-status{margin-bottom:20px;flex-shrink:0}
.hq-live-stage-design .projector-kicker{color:#e5f2ff;letter-spacing:.04em;font-size:clamp(15px,1.8vw,24px)}
.hq-live-stage-design .projector-timer{position:static;transform:none;background:#dc1644;border:3px solid #ffdb3f;border-radius:18px;padding:8px 20px;font-size:clamp(32px,4vw,60px);line-height:1;color:#fff;flex-shrink:0;animation:none;min-width:110px}
.hq-live-stage-design .projector-timer:empty{display:none}
.hq-live-stage-design .projector-timer.urgent{background:#ac1033;color:#fff;animation:none;text-shadow:none}
.hq-live-stage-design .projector-question{display:block;width:100%;box-sizing:border-box;max-width:none;background:linear-gradient(145deg,#fff,#eaf6ff);border:3px solid #ffdb3f;border-radius:24px;padding:30px;margin:0 auto 20px;color:#071b45;font-size:clamp(32px,4.3vw,68px);line-height:1.1;text-shadow:none}
.hq-live-stage-design .projector-options{width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}
.hq-live-stage-design .projector-option{font-size:clamp(24px,2.8vw,42px);min-height:90px;padding:18px;border-radius:18px}
.hq-live-stage-design .projector-option>span{font-size:30px;flex-basis:54px;width:54px;height:60px}
.hq-live-stage-design .projector-option.correct{outline:4px solid #fff;outline-offset:3px;background:#b4ffd1;border-color:#0a7d41;color:#071b45}
.hq-live-stage-design .projector-option.correct>span{background:#087b37;color:#fff}
.hq-live-stage-design .projector-answer{background:#075e3a;border:2px solid #8df3bb;color:#fff;margin:24px 0 0;font-size:clamp(26px,3vw,44px)}
.hq-live-stage-design .projector-side{background:#082352;border:2px solid #2d7ac6;padding:22px}
.hq-live-stage-design .projector-rank.p1{background:#ffe16a;color:#102149;border-color:#ffe16a}
.hq-live-stage-design .projector-rank.p2{background:#dce5f8;color:#102149}
.hq-live-stage-design .projector-rank.p3{background:#ffc488;color:#102149}
.hq-live-stage-design .projector-rank{font-size:20px;padding:16px 12px}
.hq-live-stage-design .projector-controls button{font-size:13px;border-color:#6596d0}
.hq-live-stage-design .projector-fast-strip{font-size:17px}
@media(min-width:1100px){.hq-live-stage-design[data-live-phase="question"] .projector-question-card{padding:28px 5vw}.hq-live-stage-design.live-page .wrap{max-width:1400px}}
@media(max-width:1100px){.hq-live-stage-design #hostRoom .live-host-grid{grid-template-columns:1fr}.hq-live-stage-design #hostRoom .live-host-grid aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hq-live-stage-design #hostRoom .live-host-grid aside>.live-panel{margin-top:0!important}.hq-live-stage-design .projector-main{grid-template-columns:1fr}.hq-live-stage-design .projector-shell{padding:20px}.hq-live-stage-design .projector-question{font-size:clamp(30px,5vw,50px)}}
@media(max-width:650px){.hq-live-stage-design #hostRoom>.live-panel{padding:14px}.hq-live-stage-design .live-question-stage{padding:14px}.hq-live-stage-design .live-stage-status{gap:10px}.hq-live-stage-design .live-timer-box{min-width:90px;padding:7px 10px}.hq-live-stage-design .live-timer-big{font-size:32px}.hq-live-stage-design .live-stage-question{padding:20px 12px;font-size:26px}.hq-live-stage-design .live-stage-option{font-size:17px;padding:10px;gap:8px}.hq-live-stage-design .live-stage-options{gap:10px}.hq-live-stage-design #hostRoom .live-host-grid aside{display:block}.hq-live-stage-design #hostRoom .live-host-grid aside>.live-panel{margin-top:16px!important}.hq-live-stage-design .join-shell{width:calc(100% - 20px);padding-top:18px}.hq-live-stage-design .join-card{padding:16px}.hq-live-stage-design .join-question h2{font-size:26px;padding:18px 12px}.hq-live-stage-design .join-choice{font-size:17px;padding:12px 10px;gap:8px;min-height:86px}.hq-live-stage-design :is(.join-choice-key,.live-choice-letter){flex-basis:32px;width:32px;height:38px;font-size:22px}.hq-live-stage-design .join-choices{gap:10px}.hq-live-stage-design .projector-shell{padding:16px 12px}.hq-live-stage-design .projector-question-card{padding:16px}.hq-live-stage-design .projector-top-right{flex-wrap:wrap}.hq-live-stage-design .projector-question{font-size:30px;padding:22px 12px}.hq-live-stage-design .projector-options{gap:12px}.hq-live-stage-design .projector-option{font-size:20px;min-height:82px;padding:12px;gap:8px}.hq-live-stage-design .projector-option>span{flex-basis:32px;width:32px;height:40px;font-size:22px}.hq-live-stage-design .projector-timer{font-size:32px;min-width:76px;padding:8px 12px}.hq-live-stage-design .projector-bottom{font-size:13px}.hq-live-stage-design .projector-stage-status{gap:10px}}
@media(max-width:360px){.hq-live-stage-design :is(.join-choices,.live-stage-options,.projector-options){grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hq-live-stage-design *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Review correction: all six projector choices fit wide classroom displays. */
.hq-live-stage-design :is(.projector-option,.projector-question-card,.projector-question,.projector-timer,.join-choice,.live-stage-option){box-sizing:border-box}
@media(min-width:900px){
 .hq-live-stage-design .projector-options:is([data-choice-count="5"],[data-choice-count="6"]){grid-template-columns:repeat(3,minmax(0,1fr))}
 .hq-live-stage-design .projector-options:is([data-choice-count="5"],[data-choice-count="6"]) .projector-option{font-size:clamp(23px,2.5vw,36px)}
}
@media(min-width:900px) and (max-height:850px){
 .hq-live-stage-design .projector-shell{padding:18px 24px;gap:14px}
 .hq-live-stage-design[data-live-phase="question"] .projector-question-card{padding:18px 3vw}
 .hq-live-stage-design .projector-stage-status{margin-bottom:14px}
 .hq-live-stage-design .projector-question{font-size:clamp(32px,3.6vw,50px);padding:20px;margin-bottom:16px}
 .hq-live-stage-design .projector-option{min-height:82px;padding:12px;font-size:clamp(24px,2.6vw,36px)}
 .hq-live-stage-design .projector-timer{font-size:42px;padding:8px 16px}
}
/* User review: prominent scoped HQ game branding and classroom-sized answers. */
.hq-live-stage-design .live-title-brand img{display:block;width:min(540px,100%);height:auto;filter:drop-shadow(0 4px 0 #051b5033)}
.hq-live-stage-design #hostRoom .live-room-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}
.hq-live-stage-design .live-host-brand{grid-column:1/-1;margin-bottom:12px}
.hq-live-stage-design .live-host-brand img{display:block;width:min(340px,100%);height:auto}
.hq-live-stage-design .join-brand img{width:min(330px,75vw);height:auto;background:none;border-radius:0;padding:0}
.hq-live-stage-design .projector-brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.hq-live-stage-design .projector-brand img{width:300px;max-width:40vw;height:auto;background:none;border-radius:0;padding:0}
.hq-live-stage-design #projectorTitle{font-size:15px;line-height:1.2;color:#c8e2ff}
.hq-live-stage-design .live-stage-option{font-size:clamp(24px,2.1vw,30px);line-height:1.2;min-height:92px}
.hq-live-stage-design .join-choice{font-size:clamp(24px,2.5vw,30px);line-height:1.2;min-height:100px}
.hq-live-stage-design .join-result>div:not(.join-result-icon){font-size:25px;line-height:1.3}
.hq-live-stage-design .join-result>div:not(.join-result-icon)>strong{font-size:30px}
.hq-live-stage-design .join-result p{font-size:19px}
.hq-live-stage-design .join-result .join-next-hint{font-size:16px}
.hq-live-stage-design .projector-option{font-size:clamp(30px,3vw,46px);line-height:1.2}
.hq-live-stage-design .projector-fast-strip{font-size:20px}
@media(min-width:900px){.hq-live-stage-design .projector-options:is([data-choice-count="5"],[data-choice-count="6"]) .projector-option{font-size:clamp(28px,2.7vw,38px)}}
@media(min-width:900px) and (max-height:850px){.hq-live-stage-design .projector-brand img{width:250px}.hq-live-stage-design .projector-option{font-size:clamp(30px,2.8vw,40px);min-height:84px}}
@media(max-width:650px){
 .hq-live-stage-design #hostRoom .live-room-top{grid-template-columns:1fr}
 .hq-live-stage-design .live-stage-option{font-size:21px;min-height:100px}
 .hq-live-stage-design .join-choice{font-size:22px;min-height:104px}
 .hq-live-stage-design .projector-option{font-size:24px;min-height:100px}
 .hq-live-stage-design .projector-brand img{width:260px;max-width:85vw}
 .hq-live-stage-design .join-result>div:not(.join-result-icon){font-size:22px}
 .hq-live-stage-design .join-result>div:not(.join-result-icon)>strong{font-size:26px}
}
/* Original illustrated feedback: decorative, no answers or status embedded. */
.hq-live-stage-design .hq-game-graphic{display:block;width:min(260px,75%);height:auto;aspect-ratio:4/3;object-fit:contain;margin:0 auto}
.hq-live-stage-design .join-result{display:grid;grid-template-columns:minmax(140px,.85fr) minmax(0,1.5fr);gap:8px 18px;align-items:center;text-align:center}
.hq-live-stage-design .join-result-icon{grid-column:1;grid-row:1/6;min-width:0}
.hq-live-stage-design .join-result>h2,.hq-live-stage-design .join-result>div:not(.join-result-icon),.hq-live-stage-design .join-result>.join-next-hint{grid-column:2}
.hq-live-stage-design .join-result h2{margin:4px 0}
.hq-live-stage-design .join-result .join-speed-badge,.hq-live-stage-design .join-result .join-streak-badge{font-size:14px;justify-self:center}
.hq-live-stage-design .join-result .hq-game-graphic{width:100%;max-width:260px}
.hq-live-stage-design .waiting-art{width:180px;max-width:60%}
.hq-live-stage-design .host-waiting-art,.hq-live-stage-design .projector-lobby-art{width:160px;max-width:35%;margin:0 auto 8px}
@media(max-width:650px){
 .hq-live-stage-design .join-result{grid-template-columns:1fr;gap:8px;padding:18px 14px}
 .hq-live-stage-design .join-result-icon{grid-column:1;grid-row:auto}
 .hq-live-stage-design .join-result>h2,.hq-live-stage-design .join-result>div:not(.join-result-icon),.hq-live-stage-design .join-result>.join-next-hint{grid-column:1}
 .hq-live-stage-design .join-result .hq-game-graphic{width:180px;max-width:70%}
 .hq-live-stage-design .waiting-art{width:150px}
}

/* Current live HQ header treatment, verified 2026-10-21 from
   hq-v4-1-vibrant-systems.css / body.hq5-vibrant .site-header .brand img.
   Scoped here: do not import the site's broader visual cascade into game controls. */
.hq-live-stage-design .site-header,
.hq-live-stage-design .join-brand,
.hq-live-stage-design .projector-top,
.hq-live-stage-design .live-title-brand,
.hq-live-stage-design .live-host-brand{background:linear-gradient(100deg,#061b4b,#06286b 73%,#10275b);border-bottom:3px solid #ffd332}
.hq-live-stage-design .site-header .nav{padding:11px 24px}
.hq-live-stage-design .site-header .brand img,
.hq-live-stage-design .live-brand-lockup .live-brand-mark img{width:92px;height:49px;max-width:92px;object-fit:contain;filter:brightness(1.14) saturate(1.25);background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0;display:block}
.hq-live-stage-design .live-brand-lockup{display:inline-flex;align-items:center;gap:16px;width:330px;max-width:100%;min-height:49px;text-align:left;vertical-align:middle}
.hq-live-stage-design .live-brand-mark{display:block;width:92px;height:49px;flex:none;background:transparent;padding:0;border:0;border-radius:0}
.hq-live-stage-design .live-brand-name{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:22px;font-weight:800;line-height:1.2;letter-spacing:.005em;color:#f4f8ff;text-shadow:none}
.hq-live-stage-design .join-brand,
.hq-live-stage-design .live-title-brand,
.hq-live-stage-design .live-host-brand{padding:11px 24px;box-sizing:border-box}
.hq-live-stage-design .live-title-brand .live-brand-lockup{width:540px}
.hq-live-stage-design .live-host-brand .live-brand-lockup{width:340px}
.hq-live-stage-design .projector-brand .live-brand-lockup{width:300px;max-width:40vw}
@media(min-width:900px) and (max-height:850px){.hq-live-stage-design .projector-brand .live-brand-lockup{width:250px}}
@media(max-width:650px){.hq-live-stage-design .projector-brand .live-brand-lockup{width:260px;max-width:85vw}.hq-live-stage-design .live-brand-name{font-size:20px}.hq-live-stage-design .join-brand,.hq-live-stage-design .live-title-brand,.hq-live-stage-design .live-host-brand{padding:11px 12px}}