/* «СПОНСОРЫ ШОУ» — the jeton shop (public/ui/sponsors.js): a case-file modal (panels.css .modal / .mbox), a card per
   item with its SVG swatch, the balance in the head; the lobby bar button with its balance chip. */
.lbtn.spn{position:relative;color:var(--amber)}
.lbtn .spn-chip{margin-left:2px;padding:2px 5px;font:600 10px/1 var(--mono);letter-spacing:.04em;color:var(--bg);background:var(--amber)}
#spn .spn-box{display:flex;flex-direction:column;width:min(860px,100%)}
#spn .mhead{flex-wrap:wrap}
#spn .spn-bal{display:flex;align-items:center;gap:6px;margin-left:auto;font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
#spn .spn-bal b{font:600 26px/1 var(--disp);color:var(--amber);letter-spacing:.02em}
#spn .spn-bal .gold{display:flex;align-items:center;gap:4px;margin-left:10px;font-style:normal}
#spn .spn-bal .gold b{font-size:20px;color:#ffd98a}
#spn .jc{width:18px;height:18px;fill:none;stroke:var(--amber);stroke-width:1.6;stroke-linejoin:round}
#spn .spn-lead{margin:2px 0 14px;max-width:80ch;color:var(--ink2,#cfc6da);font:italic 400 14px/1.45 var(--serif,"PT Serif",serif)}
#spn .spn-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:max-content;align-content:start;gap:8px;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px}
#spn .spn-it{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:8px 10px;border:var(--bw) solid var(--line);background:rgba(7,5,11,.6)}
#spn .spn-it.own{border-color:rgba(53,230,255,.35)}
#spn .spn-it.on{border-color:var(--amber);box-shadow:inset 3px 0 0 var(--amber)}
#spn .spn-it.pf{outline:2px solid var(--cyan);outline-offset:2px}
#spn .sw svg{display:block;width:56px;height:56px}
#spn .tx{display:flex;flex-direction:column;gap:3px;min-width:0}
#spn .tx .slot{font-size:10px}
#spn .spn-it.on .tx .slot{color:var(--amber)}
#spn .tx .nm{font:500 17px/1.1 var(--disp);letter-spacing:.04em;text-transform:uppercase;color:#fff;overflow-wrap:anywhere}
#spn .tx .by{font:400 11px/1.2 var(--mono);color:var(--dim)}
#spn .pr{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
#spn .cost{display:flex;align-items:center;gap:4px;font:600 16px/1 var(--mono);color:var(--amber)}
#spn .cost .gold{font:500 10px/1 var(--mono);font-style:normal;color:#ffd98a;letter-spacing:.08em}
#spn .pr .mbtn{min-height:36px;padding:0 12px;font-size:11px}
#spn .pr .mbtn.pri{font:600 15px/1 var(--disp);padding:0 14px}
#spn .pr .mbtn[disabled]{opacity:.5;cursor:default;border-style:dashed;letter-spacing:.06em}
#spn .spn-note{text-transform:none;letter-spacing:.04em}
@media (max-width:760px){
  #spn .spn-grid{grid-template-columns:1fr}
  #spn .spn-it{grid-template-columns:48px minmax(0,1fr) auto;gap:10px;min-height:68px}
  #spn .sw svg{width:48px;height:48px}
  #spn .tx .nm{font-size:15px}
  #spn .spn-lead{font-size:12.5px;margin-bottom:10px}
  #spn .spn-keys{display:none}
}
@media (max-width:760px) and (min-height:521px){
  /* the phone's fixed bottom bar: six items fit 360 px */
  .lbtn{width:calc((100vw - 12px) / 6);font-size:8px;letter-spacing:.06em}
  .lbtn .spn-chip{position:absolute;top:-2px;right:6px;margin:0;padding:1px 4px;font-size:9px}
}
@media (max-height:520px){ .lbtn .spn-chip{display:none} }