/* The only stylesheet the arcade adds to WEBCADE GOLF.
   Loaded after public/pixel-golf/style.css, which is the drop's own and is
   replaced wholesale by the next one. Two things live here and nothing else:
   the strip the arcade added at the top of the page, and the one class
   wallet.js toggles that the drop's stylesheet does not define. */

/* wallet.js shows and hides its two elements with .hidden. The site's
   style.css defines it; this page does not load that, so it is here. */
.hidden { display: none !important; }

/* The drop's own header rules lay this out (flex, the brand, a button pushed
   right). What is added is the wallet corner reading as one unit. */
.golf-host .golf-wallet { margin-left: auto; display: inline-flex; align-items: center; gap: 10px; }
.golf-host .golf-wallet button { margin-left: 0; }
#wallet-addr { font-size: 12px; letter-spacing: 1px; color: #f4e82e; }

/* wallet.js hangs its notices off the connect button. Inside a 40px header
   that has to be a line below rather than a box beside. */
.golf-host { flex-wrap: wrap; height: auto; min-height: 40px; }
#wallet-notice { flex-basis: 100%; font-size: 12px; letter-spacing: 0; color: #bed5de; line-height: 1.5; }
#wallet-notice a { color: #18b4f4; text-decoration: underline; }

/* The added line in the mulligan dialog: where the tokens go. */
.golf-pool-note { color: #f4e82e; font-size: 14px; }

/* Why a payment failed, under the drop's own status line. The drop's catch
   writes one sentence for every failure; this is the specific one. */
.golf-pay-why { color: #f4e82e; font-size: 14px; line-height: 1.5; }

/* wallet.js's plays-left chip, which the site stylesheet styles everywhere
   else. Here it arrived bare — "36/20plays" run together in italics — so:
   the numbers, a gap, and the unit dimmed, the way the arcade's header reads. */
#coin-balance { font-size: 12px; letter-spacing: 1px; color: #bed5de; white-space: nowrap; }
#coin-balance i { font-style: normal; color: #6d939f; margin-left: 4px; }

/* The way back to the arcade: a button in the strip, always in view, and a
   second one on the drop's own footer during play, dressed as its buttons are.
   The brand in the strip now goes to the cabinet page, since ARCADE has a
   button of its own. */
.golf-back { font-weight: bold; color: #eaf8ff; background: #101b23; border: 2px solid #2b5365;
  padding: 7px 9px; font-size: 12px; letter-spacing: 1px; text-decoration: none; }
.golf-back:hover { border-color: #1bb7fa; }
.golf-exit { font: inherit; font-weight: bold; color: #eaf8ff; background: #101b23; border: 2px solid #2b5365;
  padding: 7px 9px; font-size: 12px; text-decoration: none; }
.golf-exit:hover { border-color: #1bb7fa; }

/* Today's best solo round, over the glass. */
.golf-board-line { margin: 0 0 10px; font-size: 13px; line-height: 1.5; color: #bed5de; }
.golf-board-line b { color: #f4e82e; font-weight: bold; }
.golf-board-line a { color: #18b4f4; }