.h2-hero-game-screen {
    opacity:0;
    pointer-events:none;
}
.h2-system[data-mode=game] .h2-hero-game-screen {
    opacity:1;
    pointer-events:auto;
    touch-action:pan-y;
}
.h2-system[data-mode=game] .h2-system-svg {
    touch-action:pan-y;
}
.h2-hero-game-court { cursor:crosshair; }
.h2-hero-game-overlay { cursor:pointer; }
.h2-system[data-mode=game] .h2-float {
    animation-play-state:paused!important;
}
.h2-system[data-mode=game] .h2-node-scene-web,
.h2-system[data-mode=game] .h2-label-scene-web {
    opacity:1;
}
.h2-system .h2-mode-switch {
    flex-wrap:wrap;
    justify-content:center;
}
.h2-hero-game-tab[hidden],.h2-hero-game-controls[hidden] {
    display:none!important;
}
.h2-mode-switch button.h2-hero-game-tab {
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:44px;
    margin-inline-start:12px;
    padding:9px 16px;
    border-color:#292922;
    background:#fff8eb;
    color:#292922;
    font-size:14px;
    font-weight:600;
}
.h2-mode-switch button.h2-hero-game-tab:hover {
    background:#fff;
}
.h2-mode-switch button.h2-hero-game-tab[aria-pressed=true] {
    background:#292922;
    color:#fff8eb;
}
.h2-page .h2-mode-switch button.h2-hero-game-tab:focus-visible {
    outline-color:#292922;
    outline-offset:3px;
}
.h2-system .h2-hero-game-tab svg {
    width:12px;
    height:12px;
}
.h2-hero-game-controls {
    grid-column:-2 / -1;
    width:min(100%,390px);
    margin:20px auto 0;
    color:#292922;
    text-align:center;
}
.h2-hero-game-actions {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
}
.h2-hero-game-controls .h2-hero-game-toggle {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:44px;
    padding:9px 18px;
    border:1px solid #292922;
    border-radius:24px;
    background:#292922;
    color:#fff8eb;
    font:12px Arial,sans-serif;
}
.h2-hero-game-toggle svg { width:15px; height:15px; }
.h2-hero-game-toggle:disabled { opacity:.55; cursor:default; }
.h2-hero-game-score { font:12px "Courier New",monospace; }
.h2-page .h2-hero-game-help {
    margin-top:9px;
    font-size:11px;
    line-height:1.6;
}
.h2-hero-game-status {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
}
.h2-hero-game-controls:focus-visible {
    outline:3px solid #414dd3;
    outline-offset:4px;
}