/* av-td.css — Trash Dash (trash-dash.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. */
#stage:has(#td-wrap){padding:10px 12px 8px;overflow:hidden;display:flex}
#td-wrap{position:relative;flex:1 1 auto;width:min(100%,780px);margin:0 auto;min-height:260px;border-radius:16px;overflow:hidden;background:#0B1118;border:1px solid var(--av-line)}
#td-scene{position:absolute;inset:0}
.td-canvas{display:block;width:100%;height:100%}
.td-hud{position:absolute;left:0;right:0;top:0;padding:10px 12px 0;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}
.td-top{width:100%;display:flex;justify-content:space-between;min-height:24px}
.td-pill{font-size:12px;font-weight:700;color:var(--av-white);background:rgba(15,25,35,.72);border:1px solid var(--av-line);border-radius:999px;padding:4px 10px;opacity:0;transform:translateY(-4px);transition:opacity .15s,transform .15s;backdrop-filter:blur(4px)}
.td-pill.on{opacity:1;transform:none}
.td-pill.scrap{color:#FDE68A}
.td-pill.cash{font-size:13px;color:var(--av-win);background:rgba(15,25,35,.78);border-color:rgba(52,211,153,.4)}
.td-mult{font-size:54px;font-weight:800;line-height:1;letter-spacing:-1.5px;color:var(--av-white);text-shadow:0 2px 18px rgba(0,0,0,.7);min-height:54px;opacity:0;transition:opacity .15s}
.td-mult.on{opacity:1}
.td-res{position:absolute;left:0;right:0;top:34%;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}
.td-verdict{font-size:40px;font-weight:800;letter-spacing:-.8px;opacity:0;transform:scale(.9);transition:opacity .2s,transform .2s;text-shadow:0 3px 20px rgba(0,0,0,.8);color:var(--av-white)}
.td-verdict.on{opacity:1;transform:none}.td-verdict.w{color:var(--av-win)}.td-verdict.l{color:var(--av-loss)}
.td-vsub{font-size:14px;font-weight:600;color:var(--av-white);opacity:.85;text-shadow:0 2px 12px rgba(0,0,0,.8)}
#td-controls{display:flex;flex-direction:column;gap:8px}
.td-bet-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.td-bet-row .amt{font-size:24px;font-weight:700;color:var(--av-white)}.td-bet-row .amt small{font-size:12px;font-weight:500;color:var(--av-muted);margin-left:4px}
.td-tools{display:flex;gap:6px}
.sm.on{border-color:var(--av-accent);color:var(--av-accent-soft);background:var(--av-accent-bg)}
#td-controls.run .td-bet-row,#td-controls.run #chip-row,#td-controls.run #limits-lbl{display:none}
#td-main .acts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#td-main .act{min-height:56px;border:0;border-radius:var(--av-r);font:700 16px var(--av-font,Inter,system-ui,sans-serif);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .08s,filter .12s}
#td-main .act:active:not(:disabled){transform:scale(.985)}
#td-main .act.hop{background:var(--av-accent);color:#fff}
#td-main .act.cash{background:var(--av-win-bg);color:var(--av-win);box-shadow:inset 0 0 0 1px rgba(52,211,153,.35)}
#td-main .act b{font-weight:800}
#td-main .act:disabled{opacity:.45;cursor:default}
@media(max-width:720px){
  #stage:has(#td-wrap){padding:6px 8px 6px}
  #td-wrap{border-radius:12px}
  .td-mult{font-size:44px;min-height:44px}
  .td-verdict{font-size:34px}
  #td-controls{gap:6px}
  #td-controls .rule{display:none}
  #bottom-zone:has(#td-controls){padding-top:6px;padding-bottom:8px}
}