/* SANCHINA R35: clean, compact 3-part GAME QUIZ header. UI only.
   One icon for the Card Collection home; fixed quiz title; existing HUD.
   Card collection API remains authoritative for earned/available state.
*/
.game-quiz-control-panel::before,
.game-quiz-control-panel::after{content:none!important;display:none!important;}
.game-quiz-control-panel .bar{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:7px!important;
  box-sizing:border-box!important;
  padding:0 2px 8px!important;
  margin:0 0 11px!important;
  height:52px!important;min-height:52px!important;
}
.game-quiz-control-panel .sc-card-home-r35{
  box-sizing:border-box;display:grid;place-items:center;
  width:40px;height:40px;padding:0;
  border-radius:12px;border:1px solid #d6e7db;
  background:#f5faf6;color:#087c4b;
  text-decoration:none;box-shadow:0 1px 3px rgba(28,77,51,.055);
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.game-quiz-control-panel .sc-card-home-r35 svg{
  display:block;width:21px;height:21px;
  fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
}
.game-quiz-control-panel .sc-card-home-r35:active{background:#e5f4ea;transform:scale(.97)}
.game-quiz-control-panel .sc-card-home-r35:focus-visible{outline:3px solid #f4ca5c;outline-offset:2px}
@media(hover:hover){.game-quiz-control-panel .sc-card-home-r35:hover{background:#e9f5ec}}
.game-quiz-control-panel .barTitle,
body.sc-stage-earned-r23 .game-quiz-control-panel .barTitle,
body.sc-stage-available-r23 .game-quiz-control-panel .barTitle,
body.sc-stage-unknown-r23 .game-quiz-control-panel .barTitle{
  display:block!important;min-width:0!important;
  margin:0!important;overflow:visible!important;
  white-space:nowrap!important;text-overflow:clip!important;
  color:#18583e!important;cursor:default!important;
  font-size:clamp(13px,3.65vw,17px)!important;
  font-weight:900!important;line-height:1.25!important;
  letter-spacing:-.055em!important;
}
.game-quiz-control-panel .gameHud{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex:0 0 auto!important;min-width:0!important;
  gap:5px!important;margin:0!important;
}
.game-quiz-control-panel .scorePill{
  font-size:clamp(12px,3.4vw,15px)!important;
  padding:5px 7px!important;white-space:nowrap!important;
}
.game-quiz-control-panel .lives{
  font-size:clamp(14px,4vw,18px)!important;
  letter-spacing:-2px!important;white-space:nowrap!important;
}
/* The badge conveys earned state; title and layout stay unchanged. */
body.sc-stage-earned-r23 .game-quiz-control-panel .episode .badge{
  background:linear-gradient(120deg,#a8b5ad,#7b8d83)!important;color:#fff!important;
  box-shadow:none!important;
}
body.sc-stage-available-r23 .game-quiz-control-panel .episode .badge{
  background:linear-gradient(120deg,#08b66c,#058247)!important;color:#fff!important;
}
body.sc-stage-unknown-r23 .game-quiz-control-panel .episode .badge{
  background:linear-gradient(120deg,#bdc5c0,#95a39b)!important;color:#fff!important;
  box-shadow:none!important;
}
@media(max-width:370px){
  .game-quiz-control-panel .bar{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    gap:4px!important;height:48px!important;min-height:48px!important;padding:0 1px 5px!important;
  }
  .game-quiz-control-panel .sc-card-home-r35{width:36px;height:36px;border-radius:10px}
  .game-quiz-control-panel .sc-card-home-r35 svg{width:19px;height:19px}
  .game-quiz-control-panel .barTitle,
  body.sc-stage-unknown-r23 .game-quiz-control-panel .barTitle{
    font-size:clamp(11px,3.7vw,13px)!important;letter-spacing:-.07em!important;
  }
  .game-quiz-control-panel .scorePill{font-size:11px!important;padding:4px 5px!important}
  .game-quiz-control-panel .lives{font-size:13px!important;letter-spacing:-2px!important}
}
@media(prefers-reduced-motion:reduce){.game-quiz-control-panel .sc-card-home-r35{transition:none!important}}

/* R75: GAME QUIZ first screen only. Preserve layout and behavior.
   Home button uses LINE green fill with WHITE text and WHITE outline icon.
*/
.game-quiz-control-panel .bar{
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:6px!important;
}
.game-quiz-control-panel a.sc-card-home-r35{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:4px!important;width:auto!important;height:35px!important;
  min-width:0!important;max-width:none!important;
  padding:0 9px!important;
  color:#ffffff!important;background:#06c755!important;border:1px solid #06c755!important;
  border-radius:999px!important;white-space:nowrap!important;
  box-shadow:0 2px 6px rgba(0,115,60,.13)!important;
}
.game-quiz-control-panel a.sc-card-home-r35 svg{
  width:16px!important;height:16px!important;flex:0 0 16px!important;
  stroke:#ffffff!important;fill:none!important;
}
.game-quiz-control-panel a.sc-card-home-r35 span{
  display:inline!important;color:#ffffff!important;
  font-size:clamp(10px,2.75vw,12px)!important;font-weight:900!important;
  letter-spacing:-.065em!important;line-height:1!important;
}
.game-quiz-control-panel a.sc-card-home-r35:active{background:#05b64c!important}
@media(hover:hover){.game-quiz-control-panel a.sc-card-home-r35:hover{background:#05b64c!important}}
.game-quiz-control-panel .barTitle{
  font-size:clamp(11px,3.35vw,16px)!important;
  letter-spacing:-.075em!important;
  text-overflow:clip!important;overflow:visible!important;white-space:nowrap!important;
}
/* Status is a single line between the title bar and episode selector. */
.game-quiz-control-panel .sc-quiz-inventory-r28{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;
  justify-content:flex-end!important;gap:6px!important;
  width:100%!important;max-width:100%!important;min-height:23px!important;
  padding:0 2px 4px!important;margin:-5px 0 4px!important;
  white-space:nowrap!important;overflow:hidden!important;
  text-align:right!important;
  font-size:clamp(10px,2.7vw,12px)!important;line-height:1.25!important;
}
.game-quiz-control-panel .sc-quiz-inventory-r28[hidden]{display:none!important}
.game-quiz-control-panel .sc-r74-inventory-label{
  display:inline-block;min-width:0;flex:0 1 auto;
  color:#09764a;font-weight:800;
}
.game-quiz-control-panel .sc-r74-inventory-label[hidden]{display:none!important}
.game-quiz-control-panel .sc-r74-card-status{
  display:inline-block;flex:0 0 auto;
  padding:3px 6px;border-radius:999px;
  font-weight:800;color:#167548;background:#edf8f1;
}
.game-quiz-control-panel .sc-quiz-inventory-r28[data-sc-card-status="earned"] .sc-r74-card-status{
  color:#6e7773;background:#e7e9e7;
}
.game-quiz-control-panel .sc-quiz-inventory-r28[data-sc-card-status="unknown"] .sc-r74-card-status{
  color:#737d79;background:#f0f2f0;
}
@media(max-width:370px){
  .game-quiz-control-panel .bar{gap:3px!important}
  .game-quiz-control-panel a.sc-card-home-r35{height:33px!important;padding:0 6px!important;gap:2px!important}
  .game-quiz-control-panel a.sc-card-home-r35 svg{width:14px!important;height:14px!important;flex-basis:14px!important}
  .game-quiz-control-panel a.sc-card-home-r35 span{font-size:10px!important}
  .game-quiz-control-panel .barTitle{font-size:11px!important}
  .game-quiz-control-panel .sc-quiz-inventory-r28{font-size:10px!important;gap:3px!important;padding-right:0!important}
  .game-quiz-control-panel .sc-r74-card-status{padding:3px 4px!important}
}