/* PLAY FOR ETH (wager-panel.js). Built on the Play a Friend panel in
   console.css: same columns, rows and buttons; only what is new is here. */

/* The home tile: a slim full-width row after the others, so the measured
   grid (Quick Match beside a 2x2 on desktop, stacked on phones) is untouched
   and no tile is left alone in a row. */
.game-frame #lobbyView .home-tiles .home-tile[data-home="wager"]{grid-column:1/-1;order:1;min-height:56px;flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px 14px}
.game-frame #lobbyView .home-tiles .home-tile[data-home="wager"] strong{margin:0}
.game-frame #lobbyView .wager-status{margin:2px 0;font:12px/1.5 Console,monospace;color:var(--ink)}
.game-frame #lobbyView .wager-detail{margin:0;font:10px/1.5 Console,monospace;color:var(--lav);overflow-wrap:anywhere}
.game-frame #lobbyView .wager-actions{display:flex;flex-wrap:wrap;gap:8px}
.game-frame #lobbyView .wager-actions button,
.game-frame #lobbyView .wager-form button{min-height:44px;padding:0 12px;font:10px/1 Console,monospace;color:#2a1d05;background:var(--cream);box-shadow:inset -2px -2px var(--ink-shade)}
.game-frame #lobbyView .wager-actions button:disabled,
.game-frame #lobbyView .wager-form button:disabled,
.game-frame #lobbyView #wagerOffers button:disabled{opacity:.5}
.game-frame #lobbyView .wager-form{display:grid;gap:8px}
.game-frame #lobbyView .wager-form label{display:grid;gap:4px;font:9px/1 Console,monospace;letter-spacing:1px;color:var(--lav)}
.game-frame #lobbyView .wager-form :is(input,select){min-height:40px;padding:0 8px;font:12px/1 Console,monospace;color:var(--ink);background:var(--well);border:0;box-shadow:inset 0 0 0 2px var(--edge)}
.game-frame #lobbyView .wager-note{margin:0;font:10px/1.5 Console,monospace;color:var(--lav-faint)}
/* The way to a neighbor for a wallet without one: readable as a link on the
   faint note. Inline padding widens the tap area without spacing the lines. */
.game-frame #lobbyView .wager-note a{padding:6px 0;color:var(--cream);text-decoration:underline;text-underline-offset:2px}
/* A column is as tall as what is in it. console.css lets .friends-col shrink
   (min-height:0), and on a phone the one-column grid squeezed YOUR WAGER so the
   Royale block spilled under OFFER A WAGER: its buttons could not be tapped. */
.game-frame #lobbyView #panel-wager .friends-col{min-height:auto;flex:none}
.game-frame #lobbyView .wager-royale:not([hidden]){display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;border-top:2px solid var(--edge-dim)}
.game-frame #lobbyView #wagerOffers .friend-row > span{flex:1;min-width:0;font:10px/1.4 Console,monospace;color:var(--ink);overflow-wrap:anywhere}
.game-frame #lobbyView #wagerOffers .wager-address{white-space:nowrap}