/* v4.1.16: GamesAdv service pages and scoped placement explorer. */
.ga4116-page .ga4116-figure { margin: 0; min-width: 0; border: 1px solid #3d516d; border-radius: 13px; overflow: hidden; background: #0d1b2e; }
.ga4116-page .ga4116-zoom { position: relative; display: block; width: 100%; border: 0; padding: 0; background: #0b1729; cursor: zoom-in; }
.ga4116-page .ga4116-zoom img { display: block; width: 100%; height: auto; object-fit: contain; }
.ga4116-page .ga4116-zoom > span { position: absolute; right: 10px; top: 10px; padding: 6px 9px; border: 1px solid #ffffff35; border-radius: 5px; background: #071322eb; color: #fff; font-size: 10px; }
.ga4116-page .ga4116-zoom:focus-visible, .ga4116-page .ga4116-phone-zoom:focus-visible { outline: 3px solid #ffad70; outline-offset: -4px; }
.ga4116-page .ga4116-figure figcaption { border-top: 1px solid #3d516d; color: #c5d5e9; padding: 12px 15px; font-size: 11px; line-height: 1.6; }
.ga4116-page .ga4116-hero-art { align-self: center; }
.ga4116-page .ga4116-hero-art .ga4116-zoom img { max-height: 350px; }
.ga4116-page .ga4116-service-nav { display: flex; flex-wrap: wrap; gap: 9px 25px; padding-top: 5px; padding-bottom: 22px; }
.ga4116-page .ga4116-service-nav a { color: #ffad70; font-size: 12px; line-height: 1.6; }
.ga4116-page .ga4116-route-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 23px; }
.ga4116-page .ga4116-route { display: flex; flex-direction: column; min-width: 0; padding: 27px; border: 1px solid #cdd8e5; border-radius: 13px; background: #fff; scroll-margin-top: 110px; }
.ga4116-page .ga4116-featured { border-color: #d88b50; background: #fffaf5; box-shadow: inset 0 4px #f29147; }
.ga4116-page .ga4116-route > small { color: #a4470b; font-size: 11px; line-height: 1.6; }
body[data-design=v4] .ga4116-route h3 { font-size: 25px; line-height: 1.2; color: #102239; margin: 17px 0 15px; }
.ga4116-page .ga4116-route p { color: #50647c; font-size: 14px; line-height: 1.7; margin: 0; }
.ga4116-page .ga4116-route ul { color: #50647c; font-size: 13px; line-height: 1.7; padding-left: 18px; margin: 22px 0; }
.ga4116-page .ga4116-route li + li { margin-top: 9px; }
.ga4116-page .ga4116-route > a { font-size: 13px; color: #a4470b; margin-top: auto; }
.ga4116-page .ga4116-composite-stage { position: relative; }
.ga4116-page .ga4116-composite-stage > img { display: block; width: 100%; height: auto; }
.ga4116-page .ga4116-phone-zoom { position: absolute; right: 14px; bottom: 14px; width: 23%; height: 85%; max-width: 190px; padding: 0; background: #071322; border: 3px solid #d0dceb; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 25px #0007; cursor: zoom-in; }
.ga4116-page .ga4116-phone-zoom img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ga4116-page .ga4116-facts { margin: 23px 0; }
.ga4116-page .ga4116-facts > div { padding: 15px 0; border-top: 1px solid #3b506b; }
.ga4116-page .ga4116-facts dt { font-size: 12px; font-weight: 700; color: #ffad70; margin-bottom: 7px; }
.ga4116-page .ga4116-facts dd { margin: 0; color: #bfd0e5; font-size: 14px; line-height: 1.7; }
.ga4116-page .light .ga4116-facts > div { border-color: #cbd7e4; }
.ga4116-page .light .ga4116-facts dt { color: #a4470b; }
.ga4116-page .light .ga4116-facts dd { color: #50647c; }
.ga4116-page .ga4116-demo-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.ga4116-page .ga4116-demo { display: flex; flex-direction: column; border: 1px solid #3d516d; border-radius: 12px; overflow: hidden; background: #122239; min-width: 0; }
.ga4116-page .ga4116-demo > img { display: block; width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: contain; }
.ga4116-page .ga4116-demo > div { padding: 20px; }
body[data-design=v4] .ga4116-demo h3 { color: #f5f8ff; font-size: 20px; line-height: 1.25; margin: 0 0 12px; }
.ga4116-page .ga4116-demo p { color: #bfd0e5; font-size: 13px; line-height: 1.65; margin: 0; }
.ga4116-page .light .ga4116-demo { background: #fff; border-color: #ccd7e4; }
body[data-design=v4] .ga4116-page .light .ga4116-demo h3 { color: #102239; }
.ga4116-page .light .ga4116-demo p { color: #50647c; }
.ga4116-page .ga4116-note { color: #adbed3; font-size: 12px; line-height: 1.7; margin-top: 20px; }
.ga4116-page .light .ga4116-note { color: #61758b; }
.ga4116-page .light > .wrap > .text-link { color: #a4470b; }
.ga4116-page .ga4116-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; padding: 0; list-style: none; margin: 25px 0; }
.ga4116-page .ga4116-stats li { border-top: 1px solid #3b506b; padding-top: 17px; }
.ga4116-page .ga4116-stats b { display: block; color: #ffad70; font-size: 30px; line-height: 1.2; }
.ga4116-page .ga4116-stats span { display: block; color: #bfd0e5; font-size: 12px; margin-top: 8px; }
.ga4116-page .ga4116-studio { padding: 30px; border: 1px solid #3b506b; border-radius: 13px; background: #122239; }
.ga4116-page .ga4116-studio p { max-width: 850px; }
.ga4116-page .ga4116-studio > a { display: inline-block; font-size: 13px; margin-top: 10px; }
.ga4116-page .ga4116-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; list-style: none; margin: 0; padding: 0; }
.ga4116-page .ga4116-steps li { padding-top: 22px; border-top: 1px solid #3b506b; min-width: 0; }
.ga4116-page .ga4116-steps span { color: #ffad70; font-size: 11px; }
body[data-design=v4] .ga4116-steps h3 { font-size: 23px; line-height: 1.2; margin: 16px 0 12px; }
.ga4116-page .ga4116-steps p { color: #bfd0e5; font-size: 14px; line-height: 1.7; margin: 0; }
.ga4116-page .light .ga4116-steps li { border-color: #becddd; }
.ga4116-page .light .ga4116-steps span { color: #a4470b; }
body[data-design=v4] .ga4116-page .light .ga4116-steps h3 { color: #102239; }
.ga4116-page .light .ga4116-steps p { color: #50647c; }
.ga4116-page .ga4116-check-list { color: #bfd0e5; font-size: 14px; line-height: 1.7; padding-left: 20px; }
.ga4116-page .ga4116-check-list li + li { margin-top: 10px; }
.ga4116-page .light .ga4116-check-list { color: #50647c; }
.ga4116-page .ga4116-scope-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 23px; }
.ga4116-page .ga4116-scope-grid article { padding: 25px; border: 1px solid #3b506b; border-radius: 12px; background: #122239; min-width: 0; }
body[data-design=v4] .ga4116-scope-grid h3 { font-size: 23px; line-height: 1.2; margin: 0 0 14px; }
.ga4116-page .ga4116-scope-grid p { color: #bfd0e5; font-size: 14px; line-height: 1.7; margin: 0; }
.ga4116-page .light .ga4116-scope-grid article { border-color: #ccd7e4; background: #fff; }
body[data-design=v4] .ga4116-page .light .ga4116-scope-grid h3 { color: #102239; }
.ga4116-page .light .ga4116-scope-grid p { color: #50647c; }
.ga4116-page .ga4116-placement-explorer { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 50px; align-items: start; }
.ga4116-page .ga4116-court-figure { margin: 0; min-width: 0; }
.ga4116-page .ga4116-court { position: relative; width: min(100%,300px); margin: auto; border: 1px solid #3d516d; border-radius: 12px; overflow: hidden; }
.ga4116-page .ga4116-court > img { display: block; width: 100%; height: auto; }
.ga4116-page .ga4116-spot { position: absolute; transform: translate(-50%,-50%); display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 2px solid #f6c493; border-radius: 50%; color: #fff; background: #102239; font-size: 11px; font-weight: 750; box-shadow: 0 0 0 5px #ffad7030; cursor: pointer; }
.ga4116-page .ga4116-spot-1 { left: 50%; top: 22%; }
.ga4116-page .ga4116-spot-2 { left: 12%; top: 25%; }
.ga4116-page .ga4116-spot-3 { left: 88%; top: 25%; }
.ga4116-page .ga4116-spot-4 { left: 50%; top: 48%; }
.ga4116-page .ga4116-spot[aria-pressed=true] { background: #ffad70; color: #102239; }
.ga4116-page .ga4116-spot:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.ga4116-page .ga4116-court-figure figcaption { max-width: 350px; margin: 16px auto 0; color: #adbed3; font-size: 11px; line-height: 1.7; }
.ga4116-page .ga4116-court-figure > a { display: block; max-width: 350px; margin: 14px auto 0; font-size: 12px; }
.ga4116-page .ga4116-placement-choices { display: grid; }
.ga4116-page .ga4116-placement-choices > button { display: flex; gap: 18px; align-items: center; min-height: 51px; padding: 15px 18px; border: 0; border-bottom: 1px solid #3b506b; background: #122239; color: #dce6f4; text-align: left; font-size: 14px; line-height: 1.5; cursor: pointer; }
.ga4116-page .ga4116-placement-choices span { color: #ffad70; font-size: 11px; }
.ga4116-page .ga4116-placement-choices > button[aria-pressed=true] { background: #253c59; color: #fff; }
.ga4116-page .ga4116-placement-choices > button:focus-visible { outline: 3px solid #ffad70; outline-offset: -3px; }
.ga4116-page .ga4116-placement-panels { margin-top: 27px; min-height: 165px; }
.ga4116-page .ga4116-placement-panels [hidden] { display: none !important; }
.ga4116-page .ga4116-placement-panels small { color: #ffad70; font-size: 11px; }
body[data-design=v4] .ga4116-placement-panels h3 { font-size: 26px; line-height: 1.2; margin: 14px 0; }
.ga4116-page .ga4116-placement-panels p { color: #bfd0e5; font-size: 15px; line-height: 1.7; margin: 0; }
.ga4116-page .ga4116-scope-note { padding: 20px; border-left: 2px solid #ffad70; background: #122239; margin-top: 23px; }
.ga4116-page .ga4116-scope-note b { font-size: 15px; }
.ga4116-page .ga4116-scope-note p { color: #bfd0e5; font-size: 13px; line-height: 1.7; margin: 10px 0 0; }
.ga4116-page .ga4116-portrait { width: min(100%,280px); justify-self: center; }
.ga4116-page .light .r31-intro { color: #17334e; }
@media(max-width:1100px) {
 .ga4116-page .ga4116-demo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .ga4116-page .ga4116-route-grid { gap: 17px; }
 .ga4116-page .ga4116-route { padding: 23px; }
 .ga4116-page .ga4116-placement-explorer { gap: 30px; }
}
@media(max-width:800px) {
 .ga4116-page .r31-hero-layout, .ga4116-page .r31-split { grid-template-columns: minmax(0,1fr); gap: 28px; }
 .ga4116-page .ga4116-hero-art { width: 100%; max-width: 570px; }
 .ga4116-page .ga4116-route-grid { grid-template-columns: minmax(0,1fr); gap: 20px; }
 .ga4116-page .ga4116-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .ga4116-page .ga4116-placement-explorer { grid-template-columns: minmax(0,1fr); gap: 30px; }
 .ga4116-page .ga4116-placement-panels { min-height: 0; }
 .ga4116-page .ga4116-portrait { max-width: 260px; }
}
@media(max-width:600px) {
 .ga4116-page .ga4116-scope-grid { grid-template-columns: minmax(0,1fr); gap: 20px; }
 .ga4116-page .ga4116-demo > div { padding: 17px; }
 body[data-design=v4] .ga4116-demo h3 { font-size: 18px; }
 .ga4116-page .ga4116-studio { padding: 23px; }
 .ga4116-page .ga4116-demo-grid { gap: 15px; }
 .ga4116-page .ga4116-phone-zoom { right: 10px; bottom: 10px; border-width: 2px; }
}
@media(max-width:420px) {
 .ga4116-page .ga4116-demo-grid, .ga4116-page .ga4116-steps { grid-template-columns: minmax(0,1fr); }
}