/* Design tokens, header, board frame, sheets, keypad */

  :root{
    --yellow:#F2C94C; --yellow-ink:#1a1500;
    --amber:#E5B93C;
    --gold:#E0B23C;
    --bg:#000; --col:#0b0b0b; --col-alt:#0f0f0e;
    --line:#242424; --line-soft:#1c1c1c;
    --ink:#fff; --dim:#8a8a8a; --dim2:#6c6c6c;
    --total-bg:#1b1a14;
    --card:#1c1c1e; --card-hi:#2a2a2c;
    --green:#34C759; --red:#FF3B30; --orange:#FF9500;
    --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,system-ui,sans-serif;
  }
  *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
  html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);overscroll-behavior:none;}
  body{display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);}
  button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;touch-action:manipulation;}
  .tnum{font-variant-numeric:tabular-nums;}

  /* Header: row 1 = identity (game type), row 2 = control tray (per-game) */
  header{background:var(--yellow);color:var(--yellow-ink);display:flex;flex-direction:column;flex:none;}

  .hrow1{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px 11px;}
  .gt-label{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;opacity:.55;}
  .gt{display:inline-flex;align-items:center;gap:9px;font-size:17px;font-weight:700;letter-spacing:-.2px;
      padding:9px 14px;border-radius:999px;background:#1a1500;color:var(--yellow);
      box-shadow:0 1px 0 rgba(255,255,255,.25);transition:transform .12s;}
  .gt:active{transform:scale(.97);}
  .gt .chev{font-size:9px;opacity:.75;transform:translateY(1px);}

  .hrow2{display:flex;align-items:center;gap:8px;
         background:var(--amber);padding:7px 10px;box-shadow:inset 0 1px 0 rgba(0,0,0,.10);}
  .traychips{display:flex;align-items:center;gap:6px;overflow-x:auto;flex:1 1 auto;min-width:0;
             -webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .traychips::-webkit-scrollbar{display:none;}
  .traychips>*{flex:none;}
  .trayfixed{display:flex;align-items:center;gap:5px;flex:none;}
  .hright{display:flex;align-items:center;gap:6px;}
  .hicon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(0,0,0,.07);}
  .hicon:active{background:rgba(0,0,0,.16);}
  .hicon svg{width:22px;height:22px;}
  .gooptions{font-size:13px;font-weight:700;letter-spacing:-.1px;padding:9px 12px;border-radius:11px;
             background:rgba(0,0,0,.07);white-space:nowrap;}
  .gooptions:active{background:rgba(0,0,0,.16);}
  .limitchip{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:11px;background:rgba(0,0,0,.07);white-space:nowrap;}
  .limitchip:active{background:rgba(0,0,0,.16);}
  .limitchip .lk{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.6;}
  .limitchip .lv{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;}