/* Page-specific presentation; fixed header uses the shared HYVE rules. */
body.hyve-game-overview-page { background:#080b12; color:#f2f6f7; }
/* Page-specific presentation; no kit or shared component overrides. */
.elementor .hyve-game-overview.e-con { display:flex; flex-direction:column; align-items:stretch; gap:48px; box-sizing:border-box; width:100%; max-width:none; padding:64px max(24px,calc((100% - 1200px) / 2)); background:#080b12; color:#f2f6f7; font:400 18px/1.6 Roboto,Arial,sans-serif; }
.hyve-game-overview > .e-con { width:100%; max-width:none; padding:0; margin:0; }
.hyve-game-overview .elementor-widget { margin:0; min-width:0; max-width:100%; }
.hyve-game-overview .elementor-widget-container { margin:0; }
.hyve-game-overview p { margin:0; }
.hyve-game-overview .hyve-overview-hero { display:flex; flex-direction:column; align-items:flex-start; gap:20px; }
.hyve-game-overview .hyve-overview-eyebrow { color:#aab5bd; font:600 13px/1.5 Roboto,Arial,sans-serif; letter-spacing:.08em; }
.hyve-game-overview .hyve-overview-eyebrow::before { content:""; display:inline-block; width:40px; height:2px; margin-right:12px; vertical-align:middle; background:#28ff9c; }
.hyve-game-overview .hyve-overview-title .elementor-heading-title { color:#f2f6f7; font:700 64px/1.1 Roboto,Arial,sans-serif; margin:0; overflow-wrap:anywhere; }
.hyve-game-overview .hyve-overview-accent { color:#28ff9c; }
.hyve-game-overview .hyve-overview-description { max-width:850px; color:#aab5bd; font:400 18px/1.6 Roboto,Arial,sans-serif; }
.hyve-game-overview .hyve-overview-watch { display:flex; flex-direction:column; gap:20px; padding:24px; border-radius:8px; background:#111a21; }
.hyve-game-overview .hyve-overview-section-title .elementor-heading-title { margin:0; color:#f2f6f7; font:700 28px/1.2 Roboto,Arial,sans-serif; }
.hyve-game-overview .hyve-tutorial-video { position:relative; width:100%; min-width:0; }
.hyve-game-overview .hyve-overview-watch > .elementor-widget-hyve_tutorial_video { width:100%; height:auto; flex:0 0 auto; }
.hyve-game-overview .hyve-overview-watch .elementor-widget-hyve_tutorial_video > .elementor-widget-container { height:auto; }
.hyve-game-overview .hyve-tutorial-video__languages { display:flex; justify-content:flex-end; gap:8px; margin-bottom:16px; }
.hyve-game-overview .hyve-tutorial-video__languages[hidden] { display:flex; visibility:hidden; }
.hyve-game-overview .hyve-tutorial-video__languages button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; margin:0; padding:10px 16px; border:1px solid #35424a; border-radius:4px; color:#f2f6f7; background:#080b12; font:600 14px/1.4 Roboto,Arial,sans-serif; cursor:pointer; transition:color 200ms ease,background-color 200ms ease,border-color 200ms ease; }
.hyve-game-overview .hyve-tutorial-video__languages button[aria-pressed="true"] { background:#28ff9c; border-color:#28ff9c; color:#080b12; }
.hyve-game-overview .hyve-tutorial-video__languages button:hover { border-color:#28ff9c; }
.hyve-game-overview .hyve-tutorial-video__languages button:focus-visible { outline:2px solid #28ff9c; outline-offset:4px; }
.hyve-game-overview .hyve-tutorial-video__frame { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:6px; background:#080b12; }
.hyve-game-overview .hyve-tutorial-video__frame iframe { position:absolute; inset:0; display:block; width:100%; height:100%; border:0; }
.hyve-game-overview .hyve-tutorial-video__status { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.hyve-game-overview .hyve-tutorial-video noscript a { color:#28ff9c; text-decoration:underline; }
.hyve-game-overview .hyve-overview-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:stretch; }
.hyve-game-overview .hyve-overview-principle { display:flex; flex-direction:column; gap:16px; padding:12px 12px 20px; min-width:0; width:100%; border:1px solid transparent; border-radius:8px; background:#111a21; transition:border-color 200ms ease; }
.hyve-game-overview .hyve-overview-principle:hover { border-color:rgba(40,255,156,.3); }
.hyve-game-overview .hyve-overview-principle .elementor-widget-image { width:100%; }
.hyve-game-overview .hyve-overview-principle img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; border-radius:6px; }
.hyve-game-overview .hyve-overview-number { color:#28ff9c; font:700 20px/1.2 Roboto,Arial,sans-serif; }
.hyve-game-overview .hyve-overview-principle-title .elementor-heading-title { margin:0; color:#f2f6f7; font:700 20px/1.3 Roboto,Arial,sans-serif; overflow-wrap:anywhere; }
.hyve-game-overview .hyve-overview-ready { display:flex; flex-direction:column; align-items:center; gap:20px; text-align:center; padding:0; }
.hyve-game-overview .hyve-overview-cta-inactive { display:inline-flex; justify-content:center; align-items:center; min-height:48px; padding:14px 24px; border:1px solid #28ff9c; border-radius:4px; background:#28ff9c; color:#080b12; font:700 15px/1.4 Roboto,Arial,sans-serif; cursor:default; }
/* Match the live Hero CTA feedback, only when this presentation has a real link. */
.hyve-game-overview a.hyve-overview-cta-inactive[href] { cursor:pointer; text-decoration:none; transition:transform .2s ease; }
.hyve-game-overview a.hyve-overview-cta-inactive[href]:is(:hover,:focus-visible) { background:#28ff9c; color:#080b12; transform:translateY(-2px); }
.hyve-game-overview a.hyve-overview-cta-inactive[href]:focus-visible { outline:2px solid #28ff9c; outline-offset:4px; }
@media (min-width:768px) {
 .hyve-game-overview .hyve-tutorial-video__languages { position:absolute; top:-60px; right:0; margin:0; }
}
@media (min-width:768px) and (max-width:1199px) {
 .elementor .hyve-game-overview.e-con { padding:48px 32px; }
 .hyve-game-overview .hyve-overview-title .elementor-heading-title { font-size:48px; }
 .hyve-game-overview .hyve-overview-principles { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .hyve-game-overview .hyve-overview-principle:last-child { grid-column:1/-1; width:calc((100% - 24px) / 2); justify-self:center; }
}
@media (max-width:767px) {

 .elementor .hyve-game-overview.e-con { gap:32px; padding:32px 16px; }
 .hyve-game-overview .hyve-overview-title .elementor-heading-title { font-size:36px; }
 .hyve-game-overview .hyve-overview-hero { gap:16px; }
 .hyve-game-overview .hyve-overview-section-title .elementor-heading-title { font-size:24px; }
 .hyve-game-overview .hyve-overview-watch { width:calc(100% + 32px); max-width:none; margin-inline:-16px; padding:20px 8px; }
 .hyve-game-overview .hyve-overview-watch > .hyve-overview-section-title { padding-inline:8px; }
 .hyve-game-overview .hyve-tutorial-video__languages { justify-content:flex-start; padding-inline:8px; }
 .hyve-game-overview .hyve-overview-principles { grid-template-columns:minmax(0,1fr); }
 .hyve-game-overview .hyve-overview-principle-title .elementor-heading-title { font-size:18px; }
}
@media (prefers-reduced-motion:reduce) {
 .hyve-game-overview .hyve-tutorial-video__languages button,.hyve-game-overview .hyve-overview-principle,.hyve-game-overview a.hyve-overview-cta-inactive[href] { transition:none; }
 .hyve-game-overview a.hyve-overview-cta-inactive[href]:is(:hover,:focus-visible) { transform:none; }
}