/* quiz.css · 참여 마당 「조달가 맞히기」 업·다운 카드(quiz.js). expo 체험존(play.css) 결: 어두운 판, 주황·파랑·초록, 큰 글씨, 자체 숫자 키패드. 카드가 열리면 조작 단추·채팅은 숨긴다 */
#btnQuiz{position:absolute;left:50%;bottom:calc(var(--cuebar-h,0px) + 132px);transform:translateX(-50%);z-index:32;display:flex;align-items:center;gap:10px;white-space:nowrap;font:inherit;font-size:22px;font-weight:900;color:#121417;background:#ffd23f;border:3px solid #121417;border-radius:999px;padding:12px 30px;cursor:pointer;pointer-events:auto;touch-action:manipulation;box-shadow:0 4px 16px rgba(18,20,23,.3)}
#btnQuiz kbd{font:inherit;font-size:15px;font-weight:900;color:#f3f4f1;background:#121417;border-radius:6px;padding:1px 8px}
#hud:has(#btnFind:not(.hidden)) #btnQuiz{bottom:calc(var(--cuebar-h,0px) + 200px)}
body.chat-side.chat-open #btnQuiz{left:calc((100vw - var(--panel-w) - 16px) / 2)}


/* 휴대폰·태블릿: 단추는 찾기 단추 자리. 카드가 열린 동안 채팅 서랍·조작 단추·찾기·소리 안내는 숨긴다(닫으면 돌아온다) */
@media (max-width:700px),(pointer:coarse){
  #btnQuiz{bottom:calc(var(--ctl-b) + 176px);min-height:56px;font-size:20px;padding:6px 24px}
  #btnQuiz kbd{display:none}
  #hud:has(#btnFind:not(.hidden)) #btnQuiz{bottom:calc(var(--ctl-b) + 238px)}
  body.quiz-open #chatPanel,body.quiz-open #joy,body.quiz-open #jumpBtn,body.quiz-open #sitBtn,body.quiz-open #swingBtn,body.quiz-open #btnFind,body.quiz-open #huntHud,body.quiz-open #soundHint,body.quiz-open #btnTrain{visibility:hidden}
}
/* 퀴즈 단추와 소리 안내가 같은 가운데 자리라, 단추가 뜨면 소리 안내를 위로(찾기 단추와 같은 쌓기) */
@media (max-width:700px),(pointer:coarse){
  #hud:has(#btnQuiz:not(.hidden))~#soundHint{bottom:calc(var(--ctl-b) + 238px)}
  #hud:has(#btnQuiz:not(.hidden)):has(#btnFind:not(.hidden))~#soundHint{bottom:calc(var(--ctl-b) + 300px)}
}
@media (max-width:359px){
  #btnQuiz{bottom:calc(var(--ctl-b) + 188px)}
  #hud:has(#btnFind:not(.hidden)) #btnQuiz{bottom:calc(var(--ctl-b) + 250px)}
  #hud:has(#btnQuiz:not(.hidden))~#soundHint{bottom:calc(var(--ctl-b) + 250px)}
  #hud:has(#btnQuiz:not(.hidden)):has(#btnFind:not(.hidden))~#soundHint{display:none}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:500px),(max-width:1000px) and (orientation:landscape) and (max-height:500px){
  #btnQuiz{bottom:calc(var(--drawer-h,0px) + var(--cuebar-h,0px) + 8px);min-height:48px;font-size:16px;padding:4px 16px}
  #hud:has(#btnFind:not(.hidden)) #btnQuiz{bottom:calc(var(--drawer-h,0px) + var(--cuebar-h,0px) + 68px)}
  #hud:has(#btnQuiz:not(.hidden))~#soundHint{bottom:calc(var(--drawer-h,0px) + var(--cuebar-h,0px) + 68px)}
  #hud:has(#btnQuiz:not(.hidden)):has(#btnFind:not(.hidden))~#soundHint{display:none}
}

/* ---------- 카드(expo 어두운 판) ---------- */
#quizCard{--qbg:#121212;--qcard:#1e1e1e;--qcard2:#1a1a1a;--qline:#2e2e2e;--qsub:#bfbfbf;--qmute:#8c8c8c;--qor:#ff6f21;--qor2:#ff8d21;--qbl:#4a8ad4;--qbl2:#8fbdf0;--qgr:#4cc38a;--qam:#e0a050;
  --qfont:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;--qmono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  position:fixed;left:50%;top:64px;bottom:16px;transform:translateX(-50%);z-index:60;width:min(460px,calc(100vw - 24px));display:flex;flex-direction:column;overflow:hidden;
  background:var(--qbg);color:#fff;border:1px solid var(--qline);border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.55);font-family:var(--qfont);letter-spacing:-.02em;pointer-events:auto;-webkit-user-select:none;user-select:none}
body.chat-side.chat-open #quizCard{left:calc((100vw - var(--panel-w) - 16px) / 2)}
#quizCard button{font-family:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#quizCard .qzHead{flex:none;display:flex;align-items:center;gap:8px;padding:10px 10px 8px 16px;border-bottom:1px solid var(--qline)}
#quizCard .qzTitle{font-size:17px;font-weight:900;white-space:nowrap}
#quizCard .qzTitle i{font-style:normal;color:var(--qor2)}
#quizCard .qzTabs{display:flex;gap:2px;margin-left:auto;padding:3px;border-radius:12px;background:var(--qcard)}
#quizCard .qzTabs button{font-size:14px;font-weight:800;border:0;border-radius:9px;padding:0 12px;min-height:44px;min-width:48px;background:transparent;color:var(--qsub)}
#quizCard .qzTabs button.on{background:var(--qor);color:#fff}
#quizCard .qzX{font-size:18px;font-weight:900;width:44px;height:44px;border:1px solid var(--qline);border-radius:12px;background:var(--qcard);color:#fff}
#quizCard .qzBody{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding:10px 14px 12px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#quizCard .qzErr{padding:8px 12px;border-radius:12px;background:#3a1d12;color:#ffb38a;font-weight:800;font-size:14px}
#quizCard .qzBtn{flex:none;display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;border:0;border-radius:100px;background:var(--qor);color:#fff;font-size:20px;font-weight:900}
#quizCard .qzBtn:disabled{opacity:.45;cursor:default}
#quizCard .qzBtn.ghost{background:var(--qcard);border:1px solid var(--qline);color:#fff}
#quizCard .qzBtn.white{background:#fff;color:#121212}
#quizCard .qzRow{display:flex;gap:8px}
#quizCard .qzRow .qzBtn{flex:1}
/* 시작 */
#quizCard .qzIntro{display:flex;flex-direction:column;gap:12px;padding:6px 2px}
#quizCard .qzEyebrow{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--qor2)}
#quizCard .qzEyebrow i{width:10px;height:10px;border-radius:50%;background:var(--qor)}
#quizCard .qzBig{margin:0;font-size:30px;line-height:1.25;font-weight:900;word-break:keep-all}
#quizCard .qzBig span{color:var(--qor2)}
#quizCard .qzP{margin:0;font-size:16px;line-height:1.55;color:var(--qsub);word-break:keep-all}
#quizCard .qzRules{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#quizCard .qzRules div{background:var(--qcard);border:1px solid var(--qline);border-radius:14px;padding:12px 8px;text-align:center;font-size:13px;color:var(--qsub);line-height:1.4}
#quizCard .qzRules b{display:block;font-size:20px;font-weight:900;margin-bottom:2px}
#quizCard .qzRules .up b{color:var(--qor2)}#quizCard .qzRules .dn b{color:var(--qbl2)}#quizCard .qzRules .nr b{color:var(--qgr)}
/* 문제 위 줄 */
#quizCard .qzTop{flex:none;display:flex;align-items:center;gap:10px}
#quizCard .qzTop .q{font-size:15px;font-weight:900;white-space:nowrap}
#quizCard .qzTop .q span{color:var(--qor2)}
#quizCard .qzDots{flex:1;display:flex;gap:4px}
#quizCard .qzDots i{flex:1;height:6px;border-radius:3px;background:var(--qline)}
#quizCard .qzDots i.on{background:var(--qor)}
#quizCard .qzClock{font-family:var(--qmono);font-size:15px;color:var(--qsub);min-width:34px;text-align:right}
#quizCard .qzClock.low{color:var(--qor2)}
#quizCard .qzPts{font-size:14px;font-weight:800;color:var(--qsub);white-space:nowrap}
#quizCard .qzPts b{color:#fff;font-family:var(--qmono)}
/* 물건 */
#quizCard .qzPhoto{flex:none;height:clamp(84px,26vh,240px);border-radius:16px;background:var(--qcard);border:1px solid var(--qline);display:flex;align-items:center;justify-content:center;overflow:hidden}
#quizCard .qzBody.hinted .qzPhoto{height:clamp(56px,11vh,100px)} /* 힌트가 뜨면 사진을 줄여 키패드가 화면 안에 남게 */
#quizCard .qzPhoto img{max-width:100%;max-height:100%;object-fit:contain;display:block}
#quizCard .qzPhoto.none{flex-direction:column;gap:6px;background:linear-gradient(135deg,#232323,#1a1a1a)}
#quizCard .qzPhName{font-size:28px;font-weight:900;line-height:1.2;text-align:center;padding:0 12px;word-break:keep-all}
#quizCard .qzPhCat{font-size:13px;color:var(--qmute);font-weight:700}
#quizCard .qzItem{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
#quizCard .qzName{font-size:22px;font-weight:900;line-height:1.25;word-break:keep-all}
#quizCard .qzCat{font-size:13px;color:var(--qmute);font-weight:700}
#quizCard .qzTag{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border-radius:8px;background:var(--qor);font-weight:800;font-size:15px}
#quizCard .qzTag b{font-size:17px;font-weight:900;font-variant-numeric:tabular-nums}
#quizCard .qzNote{font-size:12px;color:var(--qmute)}
#quizCard .qzAsk{flex:none;font-size:18px;font-weight:900;line-height:1.35;word-break:keep-all}
#quizCard .qzAsk span{color:var(--qor2)}
/* 힌트 */
#quizCard .qzHint{flex:none;display:none;flex-direction:column;gap:4px;padding:8px 12px;border-radius:14px;background:var(--qcard2);border:2px solid var(--qline)}
#quizCard .qzHint.show{display:flex}
#quizCard .qzHint.up{border-color:var(--qor)}#quizCard .qzHint.down{border-color:var(--qbl)}#quizCard .qzHint.near{border-color:var(--qgr)}
#quizCard .qzHint .hb{font-size:24px;font-weight:900;line-height:1.15;display:flex;align-items:center;gap:8px}
#quizCard .qzHint.up .hb{color:var(--qor2)}#quizCard .qzHint.down .hb{color:var(--qbl2)}#quizCard .qzHint.near .hb{color:var(--qgr)}
#quizCard .qzHint .hb i{font-style:normal;display:inline-block}
#quizCard .qzHint.up .hb i{animation:qzUp .8s ease-in-out infinite}
#quizCard .qzHint.down .hb i{animation:qzDn .8s ease-in-out infinite}
#quizCard .qzHint .hs{font-size:13px;color:var(--qsub)}
#quizCard .qzHint .hs b{color:#fff;font-variant-numeric:tabular-nums}
#quizCard .qzHint.pop{animation:qzPop .35s ease-out}
#quizCard .qzRng{position:relative;height:10px;border-radius:5px;background:#262626;margin-top:2px}
#quizCard .qzRng .band{position:absolute;top:0;bottom:0;border-radius:5px;background:rgba(255,111,33,.35);border:1px solid var(--qor);transition:left .35s,width .35s}
#quizCard .qzRng .tk{position:absolute;top:-3px;width:3px;height:16px;border-radius:2px;margin-left:-1px;background:#fff}
#quizCard .qzRng .tk.up{background:var(--qor2)}#quizCard .qzRng .tk.down{background:var(--qbl2)}#quizCard .qzRng .tk.near{background:var(--qgr)}
#quizCard .qzRngT{display:flex;justify-content:space-between;font-size:11px;color:var(--qmute)}
#quizCard .qzRngT b{color:var(--qsub);font-variant-numeric:tabular-nums}
/* 내 값과 키패드 */
#quizCard .qzLab{flex:none;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--qsub)}
#quizCard .qzChn{display:flex;align-items:center;gap:6px;font-weight:800}
#quizCard .qzChn i{width:12px;height:12px;border-radius:50%;border:2px solid var(--qor);display:inline-block}
#quizCard .qzChn i.on{background:var(--qor)}
#quizCard .qzGuess{flex:none;display:flex;align-items:center;gap:8px;padding:0 16px;height:60px;border-radius:14px;background:var(--qcard);border:2px solid var(--qor)}
#quizCard .qzGuess .v{flex:1;text-align:right;font-family:var(--qmono);font-size:34px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden}
#quizCard .qzGuess .v.empty{color:#555}
#quizCard .qzGuess .v.bump{animation:qzBump .18s ease-out}
#quizCard .qzGuess .won{font-size:20px;font-weight:800}
#quizCard .qzGuess .caret{width:3px;height:30px;background:var(--qor);animation:qzCaret 1s step-end infinite}
#quizCard .qzMsg{flex:none;min-height:16px;font-size:13px;font-weight:800;color:var(--qam)}
#quizCard .qzQuick{flex:none;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
#quizCard .qzKeys{flex:none;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
#quizCard .qa,#quizCard .dg{min-height:46px;border-radius:12px;border:1px solid var(--qline);background:var(--qcard);color:#fff;font-size:17px;font-weight:800}
#quizCard .qa.clr{color:var(--qsub)}
#quizCard .dg{border:0;background:#262626;font-family:var(--qmono);font-size:22px;font-weight:600}
#quizCard .dg.bk{font-family:var(--qfont);font-size:18px;color:var(--qsub)}
#quizCard .qa:active,#quizCard .dg:active{background:#3a3a3a}
#quizCard .qzGo{flex:none}
/* 공개 */
#quizCard .qzRevHead{flex:none;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
#quizCard .qzRevT{font-size:18px;font-weight:900;line-height:1.35;word-break:keep-all}
#quizCard .qzRevT em{font-style:normal;color:var(--qor2);font-variant-numeric:tabular-nums}
#quizCard .qzMult{text-align:right;flex:none}
#quizCard .qzMult small{display:block;font-size:12px;color:var(--qsub)}
#quizCard .qzMult b{display:block;font-size:52px;line-height:1;font-weight:900;color:var(--qor);letter-spacing:-.05em;animation:qzPop .5s ease-out both;animation-delay:.6s}
#quizCard .qzTags2{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}
#quizCard .qzPt{border-radius:14px;padding:10px 12px;background:var(--qcard);border:2px solid var(--qline)}
#quizCard .qzPt small{display:block;font-size:12px;font-weight:800;color:var(--qsub)}
#quizCard .qzPt b{display:block;font-size:22px;font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums}
#quizCard .qzPt.mk{border-color:var(--qbl)}#quizCard .qzPt.mk b{color:var(--qbl2)}
#quizCard .qzPt.nr{border-color:var(--qor)}#quizCard .qzPt.nr b{color:var(--qor2)}
#quizCard .qzBars{flex:none;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:var(--qcard2);border:1px solid var(--qline)}
#quizCard .qzBar{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:8px}
#quizCard .qzBar .lab{font-size:13px;font-weight:800;color:var(--qsub)}
#quizCard .qzBar .tr{position:relative;height:22px;border-radius:6px;background:#262626;overflow:hidden}
#quizCard .qzBar .fl{position:absolute;left:0;top:0;bottom:0;border-radius:6px;transform-origin:0 50%;animation:qzGrow .7s ease-out both}
#quizCard .qzBar .vl{position:absolute;right:6px;top:0;bottom:0;display:flex;align-items:center;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.6)}
#quizCard .qzBar.mine .fl{background:#8c8c8c}#quizCard .qzBar.mk .fl{background:var(--qbl);animation-delay:.25s}#quizCard .qzBar.nr .fl{background:var(--qor);animation-delay:.5s}
#quizCard .qzLine{flex:none;font-size:14px;line-height:1.5;color:var(--qsub);word-break:keep-all}
#quizCard .qzSrc{flex:none;font-size:12px;color:var(--qmute)}
#quizCard .qzScore{flex:none;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:14px;background:var(--qcard)}
#quizCard .qzScore b{font-size:22px;font-weight:900}
#quizCard .qzScore.hit b{color:var(--qgr)}#quizCard .qzScore.near b{color:var(--qam)}#quizCard .qzScore.miss b{color:var(--qsub)}
#quizCard .qzScore span{font-size:13px;color:var(--qsub)}
#quizCard .qzBurst{position:absolute;inset:0;pointer-events:none;overflow:hidden}
#quizCard .qzBurst i{position:absolute;top:38%;left:50%;width:9px;height:14px;border-radius:2px;animation:qzFly 1.1s ease-out forwards}
/* 끝 */
#quizCard .qzEnd{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:10px 0}
#quizCard .qzEnd small{font-size:14px;color:var(--qsub);font-weight:700}
#quizCard .qzEnd .sc{font-size:64px;font-weight:900;line-height:1;color:var(--qor);font-family:var(--qmono)}
#quizCard .qzStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}
#quizCard .qzStats div{background:var(--qcard);border:1px solid var(--qline);border-radius:14px;padding:10px 6px}
#quizCard .qzStats b{display:block;font-size:22px;font-weight:900}
#quizCard .qzStats span{font-size:12px;color:var(--qsub)}
#quizCard .qzStats .cp b{color:var(--qam)}
#quizCard .qzLeft2{font-size:13px;color:var(--qmute)}
#quizCard .qzSum{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;width:100%}
#quizCard .qzSum li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 12px;border-radius:12px;background:var(--qcard);text-align:left}
#quizCard .qzSum .nm{font-weight:900;font-size:15px;word-break:keep-all}
#quizCard .qzSum .pt{font-weight:900;font-size:15px;text-align:right}
#quizCard .qzSum .pt.hit{color:var(--qgr)}#quizCard .qzSum .pt.near{color:var(--qam)}#quizCard .qzSum .pt.miss{color:var(--qmute)}
#quizCard .qzSum .dt{grid-column:1 / -1;font-size:12px;color:var(--qsub);font-variant-numeric:tabular-nums}
#quizCard .qzSum .dt b{color:var(--qor2)}
/* 순위 */
#quizCard .qzRankHead{font-size:13px;font-weight:800;color:var(--qsub)}
#quizCard .qzRankList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
#quizCard .qzRankList li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--qcard);font-size:16px}
#quizCard .qzRankList li.me{outline:2px solid var(--qor)}
#quizCard .qzRankList .rk{width:26px;font-weight:900;color:var(--qmute);text-align:center;font-family:var(--qmono)}
#quizCard .qzRankList li:nth-child(-n+3) .rk{color:var(--qor2)}
#quizCard .qzRankList .nm{flex:1;min-width:0;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#quizCard .qzRankList b{font-family:var(--qmono)}
#quizCard .qzRankList li.empty{color:var(--qmute);justify-content:center;font-weight:700}
#quizCard .qzMe{font-size:15px;font-weight:900;color:var(--qor2);text-align:center}
@keyframes qzUp{0%,100%{transform:translateY(2px)}50%{transform:translateY(-4px)}}
@keyframes qzDn{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}
@keyframes qzPop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}
@keyframes qzGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes qzBump{50%{transform:scale(1.06)}}
@keyframes qzCaret{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes qzFly{0%{transform:translate(-50%,0) rotate(0);opacity:1}100%{transform:translate(calc(-50% + var(--dx)),var(--dy)) rotate(540deg);opacity:0}}
@media (prefers-reduced-motion:reduce){#quizCard *{animation:none!important}}
/* 휴대폰: 카드가 화면 전체(안전 영역 안). 키가 낮으면 사진·글자를 줄인다 */
@media (max-width:700px),(pointer:coarse){
  #quizCard{left:var(--sal,0px);right:var(--sar,0px);top:var(--sat,0px);bottom:var(--sab,0px);width:auto;transform:none;border-radius:0;border:0}
  body.chat-side.chat-open #quizCard{left:var(--sal,0px)}
  body.quiz-open #hudTL,body.quiz-open #hudTR,body.quiz-open #btnMyView{visibility:hidden}
}
@media (max-height:700px){
  #quizCard .qzBody{gap:6px;padding:8px 12px 10px}
  #quizCard .qzPhoto{height:clamp(64px,15vh,120px)}
  #quizCard .qzName{font-size:19px}
  #quizCard .qzAsk{font-size:16px}
  #quizCard .qzGuess{height:52px}
  #quizCard .qzGuess .v{font-size:28px}
  #quizCard .qa,#quizCard .dg{min-height:44px}
  #quizCard .qzBtn{min-height:52px;font-size:18px}
  #quizCard .qzHint .hb{font-size:20px}
  #quizCard .qzMult b{font-size:42px}
  #quizCard .qzBody.hinted .qzPhoto{display:none} /* 키가 낮은 화면은 힌트가 뜨면 사진을 빼서 키패드를 지킨다 */
}
#quizCard .qzL,#quizCard .qzR{display:contents}
/* 가로 휴대폰: 왼쪽 칸에 물건·질문·힌트, 오른쪽 칸에 값·빠른 단추·키패드·부르기 */
@media (orientation:landscape) and (max-height:500px){
  #quizCard .qzBody{padding:6px 12px 8px;gap:6px}
  #quizCard .qzBody.play{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;column-gap:14px;row-gap:6px}
  #quizCard .qzBody.play>.qzTop{grid-column:1 / -1}
  #quizCard .qzL,#quizCard .qzR{display:flex;flex-direction:column;gap:6px;min-height:0}
  #quizCard .qzPhoto{height:clamp(44px,14vh,64px)}
  #quizCard .qzBody.hinted .qzPhoto{display:none}
  #quizCard .qzLab{font-size:12px}
  #quizCard .qzChn i{width:10px;height:10px}
  #quizCard .qzName{font-size:18px}
  #quizCard .qzAsk{font-size:15px}
  #quizCard .qzGuess{height:44px}
  #quizCard .qzGuess .v{font-size:26px}
  #quizCard .qzMsg{min-height:12px;font-size:12px}
  #quizCard .qzBtn{min-height:46px;font-size:17px}
  #quizCard .qzHead{padding:4px 8px 4px 14px}
  #quizCard .qzHint{padding:6px 10px}
  #quizCard .qzHint .hb{font-size:18px}
}
}
}