/* av-plinko.css — Plinko (plinko.html). Loaded after av-bj.css, which supplies the shared game layout (#main, #game-area, #stage,
   #bottom-zone, #sidebar, the chip row, the main button, the log). Shell tokens and Inter only. */
#pl-table{width:min(100%,860px,max(560px,calc((100dvh - 420px) * 1.45)));flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}
.pl-hist{display:flex;gap:5px;min-height:24px;overflow:hidden}
.pl-pill{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;color:var(--av-white);background:var(--av-raised);white-space:nowrap}
.pl-pill.hi{color:var(--av-win);background:var(--av-win-bg)}.pl-pill.lo{color:var(--av-muted)}

/* the board */
.pl-board{position:relative;border-radius:12px;background:var(--av-panel);border:1px solid var(--av-line);flex:1;min-height:200px;max-height:780px;overflow:hidden}
#pl-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.pl-last{position:absolute;left:14px;top:10px;pointer-events:none;line-height:1.1}
.pl-last b{display:block;font-size:30px;font-weight:800;color:var(--av-white)}
.pl-last span{font-size:14px;font-weight:700;color:var(--av-muted)}
.pl-last.w b,.pl-last.w span{color:var(--av-win)}.pl-last.l span{color:var(--av-loss)}

/* controls */
#pl-controls{display:flex;flex-direction:column;gap:8px}
.pl-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pl-seg{display:inline-flex;background:var(--av-panel);border:1px solid var(--av-line);border-radius:8px;padding:2px}
.pl-seg button{font:600 13px var(--av-font);color:var(--av-text);background:none;border:0;padding:7px 14px;border-radius:6px;cursor:pointer}
.pl-seg button.on{background:var(--av-accent-bg);color:var(--av-accent-soft)}
.pl-seg button:disabled{cursor:default}.pl-seg button:disabled:not(.on){opacity:.4}
.pl-seg.auto button.on{background:var(--av-accent);color:#fff}
.pl-autowrap{display:flex;align-items:center;gap:8px}
.pl-autorow{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--av-text)}
.pl-autorow input{width:84px;height:30px;border-radius:8px;border:1px solid var(--av-line);background:var(--av-panel);color:var(--av-white);font:600 13px var(--av-font);padding:0 8px;text-align:center}
.pl-bet-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pl-bet-row .amt{font-size:24px;font-weight:700;color:var(--av-white)}.pl-bet-row .amt small{font-size:12px;font-weight:500;color:var(--av-muted);margin-left:4px}
.pl-tools{display:flex;gap:6px}
#pl-go{transition:transform .08s}#pl-go:active:not(:disabled){transform:scale(.985)}

@media(max-width:720px){
  #stage:has(#pl-table){padding-top:8px;padding-bottom:4px}
  #pl-table{gap:8px}
  #pl-controls{gap:6px}
  #pl-controls .rule{display:none}
  .pl-autorow span{display:none}
  .pl-autorow input{width:44px;height:36px;padding:0 4px}
  .pl-seg button{padding:7px 10px}
  #bottom-zone:has(#pl-controls){padding-top:6px;padding-bottom:8px}
}