/* Limbo's own look, on the game template (static/game.css styles the shell): one canvas stage (static/limbo.js draws
   the number, the log gauge, the gold target tag and the ivory puck) and the gold field laid over the tag to type a
   target. The panel holds only read-only numbers. */

.lb-stage { position: relative; flex: 1; min-height: 300px; }
.lb-cv { position: absolute; inset: 0; width: 100%; height: 100%; display: block; outline: none; }
.lb-cv:focus-visible { box-shadow: inset 0 0 0 1.5px rgb(216 165 72 / .7); border-radius: 14px; }
.gm .lb-in { --k: 6px; position: absolute; z-index: 6; height: 26px; flex: none; border: 0; outline: 0; padding: 0 8px; background: var(--gold-hi);
  color: var(--on-gold); -webkit-text-fill-color: var(--on-gold); font: 800 17px/26px var(--f-num); text-align: center;
  clip-path: polygon(var(--k) 0, 100% 0, 100% calc(100% - var(--k)), calc(100% - var(--k)) 100%, 0 100%, 0 var(--k)); }
@media (max-width: 899px) { .lb-stage { min-height: 300px; } .gm[data-game="limbo"] .gm-play { min-height: 0; } }
