/* Canvas is appended to and positioned via JS to exactly cover #theimage. pointer-events:none keeps the grid's own links clickable underneath while playing. */ #wp-tgo-canvas { position: absolute; pointer-events: none; z-index: 500; display: block; } /* Relocated by JS (insertBefore) to sit directly above the grid's own container in normal document flow - not position:fixed, so it can never float over the grid or collide with other fixed site UI. */ #wp-tgo-toolbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; max-width: 1000px; margin: 0 auto 10px; padding: 10px 0; } .wp-tgo-btn { font-family: monospace; font-weight: bold; padding: 10px 16px; border: 2px solid lime; background: #000; color: lime; cursor: pointer; user-select: none; text-transform: uppercase; letter-spacing: 1px; } .wp-tgo-btn:hover { filter: brightness(1.15); } .wp-tgo-leaderboard { position: absolute; z-index: 501; top: 100%; right: 0; margin-top: 4px; width: 220px; max-height: 320px; overflow-y: auto; font-family: monospace; font-size: 12px; background: #000; color: lime; border: 2px solid lime; padding: 10px; } .wp-tgo-leaderboard ol { margin: 6px 0; padding-left: 18px; } @media (max-width: 480px) { .wp-tgo-btn { padding: 8px 12px; font-size: 12px; } }