/* Shared canvas for the six regional name games and three all-Japan stages. */
html body > .frame{
  position:relative;isolation:isolate;gap:6px;overflow:hidden;
  --sideW:clamp(180px,22vw,230px);
}
html body > .frame > .stage{
  position:absolute;grid-area:auto;inset:0 auto 0 0;
  width:calc(100% - var(--sideW) - 6px);height:100%;
  overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;
  z-index:0;
}
html body > .frame > .stage #svgHost,
html body > .frame > .stage #svgHost > svg{overflow:visible;}
html body > .frame > .side{z-index:2;}
html body > .frame > .side > .card{
  background:transparent;border:0;border-radius:0;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
html body > .frame > .side .cardBody{background:transparent;}
html body .choices .choice:not(.correct){
  background:rgba(34,67,108,.88);
  border:1px solid rgba(246,251,255,.48);box-shadow:none;
}
@media(orientation:portrait){
  html body > .frame > .stage{width:100%;height:80%;}
}
@media(orientation:landscape) and (max-width:600px){
  html body > .frame{--sideW:126px;}
}

/* The start signal floats over a clear map, without a partial blur layer. */
html body > .frame > .stage > .overlay{
  background:transparent;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}

/* Chubu: original 10px lift plus the requested additional 15px in portrait. */
@media(orientation:portrait){
  html body[data-region-id="03chu"] > .frame > .stage #svgHost{
    top:-25px;bottom:25px;
  }
}

/* Chugoku/Shikoku: move upward while preserving the original map scale. */
html body[data-region-id="05chs"] > .frame > .stage #svgHost > svg{
  transform:translate(var(--mapShiftX),var(--mapShiftY)) scale(var(--mapScale)) !important;
}

/* Keep the Okinawa inset entirely above the portrait answer rows. */
@media(orientation:portrait){
  html body[data-region-id="06kyu"] > .frame > .stage #okinawaInset{
    bottom:calc(12.5% + 16px);
  }
}