/* v10.2: reference icons, visible above media, with separate controls and touch areas. */
:where(.gmiv-icon-button){position:relative}
.gmiv-icon-button {
  --gmiv-glyph-size:24px;
  box-sizing:border-box!important;
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  max-width:44px!important;padding:0!important;
  font-size:0!important;line-height:0!important;letter-spacing:0!important;text-indent:0!important;
  display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;
  border:0!important;border-radius:0!important;margin:6px!important;
  background:transparent!important;color:var(--gmiv-contrast,#000000)!important;box-shadow:none!important;
  cursor:pointer;flex-shrink:0;z-index:30!important;
}
.gmiv-icon-button::before {
  content:"";display:block;flex:none;width:var(--gmiv-glyph-size);height:var(--gmiv-glyph-size);
  background:currentColor;mask:var(--gmiv-icon) center/contain no-repeat;
  -webkit-mask:var(--gmiv-icon) center/contain no-repeat;pointer-events:none;
}
.gmiv-icon-button>*,.gmiv-icon-button::after{display:none!important}
.gmiv-icon-button:hover{background:transparent!important}
.gmiv-icon-button:focus-visible{outline:3px solid #efc66d!important;outline-offset:3px!important}
.gmiv-icon-button[aria-pressed="true"]{box-shadow:none!important}
.gmiv-icon-button:disabled{opacity:.45;cursor:default}
.gmiv-icon-button[hidden]{display:none!important}
#menu.gmiv-icon-button{display:none}
@media(max-width:980px){#menu.gmiv-icon-button{display:inline-flex}}
.gmiv-tooltip {
  position:fixed;inset:auto;margin:0;padding:7px 11px;border:1px solid #e6c47c;border-radius:6px;
  background:#102733;color:#fff;font:600 14px/1.4 system-ui,sans-serif;letter-spacing:normal;
  max-width:calc(100vw - 16px);white-space:nowrap;box-sizing:border-box;
  box-shadow:0 3px 12px #0005;z-index:2147483647;pointer-events:none;
}
.gmiv-tooltip::backdrop{display:none}
.hero-bottom>div:last-child{display:flex;gap:8px;align-items:center}
.v4-hero .v81-expand{top:10px;right:10px}
.v8-slideshow .clipper #clipper-pause{left:10px;top:10px}
.v8-slideshow .clipper #clipper-expand{right:10px;top:10px}
.v8-slideshow .clipper-arrow{top:50%}
.v8-slideshow .clipper-arrow-prev{left:10px}.v8-slideshow .clipper-arrow-next{right:10px}
.head-tools{align-items:center;gap:8px}
#ambient-toggle.gmiv-icon-button{position:relative!important;inset:auto!important;box-shadow:none}
.v5-band>button.gmiv-icon-button{align-self:center;justify-self:center}
.language-picker{padding:0;border:0;background:transparent}
.language-picker>summary{list-style:none}
.gmiv-version-footer{font:13px/1.5 system-ui,sans-serif;text-align:center;padding:18px 16px;background:#122733;color:#d8e5e9;position:static}
.embedded .gmiv-version-footer,body:has(.embedded) .gmiv-version-footer{display:none}
.gmiv-icon-reference{max-width:1000px;margin:40px auto;padding:20px;color:#173441;background:#fff}
.gmiv-icon-reference img{display:block;max-width:100%;height:auto;margin:20px auto}
@media(max-width:600px),(max-width:960px) and (max-height:600px) and (pointer:coarse){
  .head-tools{gap:6px}
  .v4-hero .hero-bottom>div:last-child{zoom:1;gap:8px}
  .v4-hero .hero-bottom .gmiv-icon-button{--gmiv-glyph-size:24px}
  .v4-hero .hero-copy{max-width:100%}
  .hero-bottom{gap:12px;flex-wrap:wrap}
  .v5-dialog,.v7-popup{max-width:calc(100vw - 24px)}
}
/* Embedded players reserve a toolbar row so their controls never cover the picture or each other. */
.player>.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap!important;height:auto!important;min-height:60px;overflow:visible!important}
.embedded .player{display:flex;flex-direction:column}
.embedded .player>canvas,.embedded .player>video{flex:1;min-height:0;height:calc(100vh - 110px)!important}
.embedded .player>.controls{flex:none;justify-content:center}

/* Legible 24px artwork; transparent 44px hit areas remain separate. */
.head-tools{flex-wrap:wrap;gap:0!important;max-width:100%}
.head-in{flex-wrap:wrap}
@media(max-width:980px){.site-head .nav{top:100%}}
.gmiv-icon-button[data-gmiv-tone="dark"]{--gmiv-contrast:#ffffff}
.gmiv-icon-button[data-gmiv-tone="light"]{--gmiv-contrast:#000000}
.gmiv-icon-button[data-gmiv-game="true"]{border:1px solid currentColor!important;border-radius:7px!important}
.gmiv-icon-button[data-gmiv-game="true"][aria-pressed="true"]{border-width:2px!important}

/* v10.35 — owner reference, 26 October 2026. */
.site-head,.site-head .nav{background:#000!important;color:#fff}
.site-head .language-picker{background:transparent!important;box-shadow:none!important}
.site-head{z-index:100}
.site-head .nav a{color:#fff}
.head-tools #qsi{min-height:44px;width:140px;border-radius:8px;border:1px solid #737373;background:#000;color:#fff;padding:0 10px;font:inherit}
.head-tools #qsi::placeholder{color:#ddd}
.head-tools .language-picker>summary.gmiv-icon-button{width:auto!important;max-width:none!important;min-width:68px!important;gap:8px;white-space:nowrap}
.language-picker>summary.gmiv-icon-button>.language-code{display:block!important;font:500 16px/1.2 system-ui,sans-serif;letter-spacing:.02em;color:inherit}
.language-picker>summary::-webkit-details-marker{display:none}
#language-options{max-width:calc(100vw - 24px);max-height:60vh;overflow:auto;border:1px solid var(--line);border-radius:6px}
#language-options a,#language-options span{min-height:44px;padding:9px 12px;margin:0;color:var(--ink);text-decoration:none}
#language-options [aria-current=true]{font-weight:700}
#language-options a:hover,#language-options a:focus-visible{background:var(--teal-soft);color:#000}
#ambient-toggle.gmiv-icon-button{position:fixed!important;inset:auto var(--gmiv-music-right,18px) 18px auto!important;z-index:150!important}
.hero-bottom{justify-content:flex-end}
.hero-playback{margin-left:auto}
.v4-hero .gmiv-icon-button,.v81-media>.gmiv-icon-button,.clipper>.gmiv-icon-button,.model-panel>.gmiv-icon-button{filter:drop-shadow(0 1px 2px #000) drop-shadow(0 0 2px #000)}
@media(max-width:600px){.head-in{gap:8px;justify-content:space-between}.head-tools{justify-content:flex-end}.head-tools .language-picker>summary.gmiv-icon-button{min-width:62px!important}.head-tools .gmiv-icon-button{margin:6px!important}#ambient-toggle.gmiv-icon-button{inset:auto var(--gmiv-music-right,10px) 10px auto!important}}
@media(max-width:360px){.v5-band{grid-template-columns:1fr!important}.v5-band>a{min-width:0;max-width:100%}}

/* Owner-requested homepage information tile: match the partner-logo height and title typography. */
.v5-band{grid-template-columns:1.4fr 1fr 1fr 1fr}
.v5-band>[data-facts].gmiv-icon-button{
 --gmiv-glyph-size:54px;
 width:100%!important;max-width:none!important;height:auto!important;min-height:88px!important;
 margin:0!important;padding:16px!important;flex-direction:column;line-height:inherit!important;
}
.v5-band>[data-facts].gmiv-icon-button>strong{display:block!important}
.v5-band>[data-facts].gmiv-icon-button::before{mask-size:68.7px 68.7px;-webkit-mask-size:68.7px 68.7px}
@media(max-width:1000px){.v5-band{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.v5-band{grid-template-columns:1fr!important}}

/* v11.9: owner-requested white Fast Facts card, matching the partner-card border. */
.v5-band>[data-facts].gmiv-icon-button{
 background:#fff!important;border:1px solid var(--line)!important;
 color:#000!important;align-self:stretch;
}
