/* HR1 (owner 22.10.2026): «История» / «Повтор» in the top-right corner of the game field
   (Flying Pickaxe: Minecraft stone buttons; Jelly Drop: the game's dark-teal pixel frame). */
.gh-tr{position:absolute;z-index:6;top:10px;right:10px;display:flex;gap:6px;align-items:center}
.gh-tr.gh-jelly{right:56px}
.gh-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 10px;cursor:pointer;
  font:10px/1 "Press Start 2P",ui-monospace,monospace;letter-spacing:.02em;text-transform:uppercase;color:#fff;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.gh-btn svg{width:14px;height:14px;flex:0 0 auto;shape-rendering:crispEdges}
.gh-btn:disabled{filter:grayscale(1) brightness(.6);cursor:default}
.gh-btn:focus-visible{outline:2px solid #ffe28e;outline-offset:2px}
/* Flying Pickaxe: the page's stone .btn */
.gh-pickaxe .gh-btn{--px:3px;border:var(--px) solid #000;border-radius:0;background:#7d7d7d url("/flying-pickaxe/ui_stone.png") 0 0/24px 24px;image-rendering:pixelated;
  box-shadow:inset var(--px) var(--px) 0 rgba(255,255,255,.38),inset calc(var(--px)*-1) calc(var(--px)*-2) 0 rgba(0,0,0,.42);text-shadow:2px 2px 0 #3f3f3f}
.gh-pickaxe .gh-btn svg{filter:drop-shadow(2px 2px 0 #3f3f3f)}
.gh-pickaxe .gh-btn:hover:not(:disabled){background-image:url("/flying-pickaxe/ui_hover.png")}
.gh-pickaxe .gh-btn:active:not(:disabled){box-shadow:inset calc(var(--px)*-1) calc(var(--px)*-1) 0 rgba(255,255,255,.25),inset var(--px) var(--px) 0 rgba(0,0,0,.5)}
/* Jelly Drop: dark teal frame, lime text, gold on hover (like the fullscreen button / stake field) */
.gh-jelly .gh-btn{border:2px solid #648543;border-radius:0;background:#07171ddd;color:#cffb8c;
  box-shadow:inset 2px 2px 0 rgba(207,251,140,.18),inset -2px -3px 0 rgba(0,0,0,.55),0 0 0 2px #000;text-shadow:2px 2px 0 #000}
.gh-jelly .gh-btn:hover:not(:disabled){color:#ffe28e;border-color:#ffe28e}
.gh-jelly .gh-btn:active:not(:disabled){box-shadow:inset -2px -2px 0 rgba(207,251,140,.12),inset 2px 2px 0 rgba(0,0,0,.6),0 0 0 2px #000}
.gh-tr.is-busy .gh-btn{opacity:.75}
/* the list */
.gh-ov{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(0,0,0,.62)}
.gh-ov[hidden]{display:none}
.gh-card{width:min(640px,100%);max-height:min(86vh,640px);display:flex;flex-direction:column;gap:8px;padding:14px;box-sizing:border-box;color:#fff;
  font:13px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif}
.gh-pickaxe .gh-card{background:#c6c6c6;color:#262626;border:4px solid #000;box-shadow:inset 4px 4px 0 #fff,inset -4px -4px 0 #555}
.gh-jelly .gh-card{background:#0b1d22;border:3px solid #648543;box-shadow:0 0 0 3px #000,inset 3px 3px 0 rgba(207,251,140,.12),inset -3px -3px 0 rgba(0,0,0,.5)}
.gh-head{display:flex;align-items:center;gap:10px}
.gh-head h3{flex:1;margin:0;font:13px/1.3 "Press Start 2P",ui-monospace,monospace;text-transform:uppercase}
.gh-jelly .gh-head h3{color:#cffb8c;text-shadow:2px 2px 0 #000}
.gh-x{appearance:none;width:34px;height:34px;flex:0 0 auto;border:3px solid #000;background:#8b8b8b;color:#fff;font:700 18px/1 system-ui,sans-serif;cursor:pointer;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.4),inset -2px -2px 0 rgba(0,0,0,.4)}
.gh-jelly .gh-x{background:#07171d;border-color:#648543;color:#cffb8c}
.gh-cols,.gh-list li{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1.1fr) minmax(0,.8fr) 36px;gap:6px;align-items:center}
.gh-cols{padding:0 8px;font:8px/1.4 "Press Start 2P",ui-monospace,monospace;text-transform:uppercase;opacity:.75}
.gh-list{list-style:none;margin:0;padding:0;overflow:auto;min-height:0;flex:1 1 auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:4px}
.gh-list li{padding:6px 8px;font-variant-numeric:tabular-nums}
.gh-pickaxe .gh-list li{background:#8b8b8b;color:#fff;border:2px solid #373737;box-shadow:inset 2px 2px 0 #b5b5b5,inset -2px -2px 0 #555;text-shadow:1px 1px 0 #3f3f3f}
.gh-jelly .gh-list li{background:#07171d;border:2px solid #24414a;color:#e8f6ef}
.gh-list li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gh-list .gh-w{font-weight:800}
.gh-pickaxe .is-win .gh-w{color:#ffff55}
.gh-jelly .is-win .gh-w{color:#9dff6a}
.gh-list .is-loss .gh-w{opacity:.65}
.gh-list .gh-mode{opacity:.8;font-size:12px}
.gh-list .gh-play{min-height:30px;width:36px;padding:0}
.gh-note{margin:0;min-height:1.3em;font-size:12px;opacity:.85}
.gh-pager{display:flex;align-items:center;justify-content:center;gap:12px;font:10px/1 "Press Start 2P",ui-monospace,monospace}
.gh-pg{width:40px;padding:0;font-size:14px}
.gh-badge{position:absolute;z-index:7;left:50%;top:58px;transform:translateX(-50%);max-width:calc(100% - 24px);padding:8px 12px;pointer-events:none;text-align:center;
  font:9px/1.6 "Press Start 2P",ui-monospace,monospace;color:#fff;background:#000c;border:2px solid #000;text-shadow:2px 2px 0 #000}
.gh-badge[hidden]{display:none}
.gh-jelly.gh-badge{border-color:#648543;color:#cffb8c}
@media (max-width:620px){
  .gh-tr{top:6px;right:6px;gap:4px}
  .gh-tr.gh-jelly{right:50px}
  .gh-tr .gh-btn{min-height:32px;padding:0 7px}
  .gh-tr .gh-btn span{display:none}
  .gh-tr .gh-btn svg{width:15px;height:15px}
  .gh-ov{padding:8px;align-items:flex-end}
  .gh-card{max-height:88vh;padding:10px}
  .gh-cols{display:none}
  .gh-list li{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px;grid-template-areas:"t w p" "s m p";row-gap:2px}
  .gh-list .gh-t{grid-area:t}.gh-list .gh-w{grid-area:w;text-align:right}.gh-list .gh-play{grid-area:p}
  .gh-list .gh-s{grid-area:s;font-size:12px;opacity:.85}.gh-list .gh-m{grid-area:m;text-align:right;font-size:12px}
  .gh-list .gh-mode{display:none}
  .gh-badge{top:46px;font-size:8px}
}
@media (prefers-reduced-motion:reduce){.gh-btn{transition:none}}