/* Scaly Sheets — ОБЩИЕ стили мобильного и десктопного интерфейсов.
   Сгенерировано css-dedupe.js из дословных дублей index.html/desktop.html;
   специфичные для раскладки правила остаются в html. */

/* бросалка кубов поверх шторки: из NPC/трекера боя кубы открываются при открытой
   шторке (#bg позже в DOM при равном z-index:50 — перекрывал бросалку) */
#diceBg{z-index:55}

.ti{width:13px;height:13px;vertical-align:-2px;margin-right:5px}
.themebtn:active{transform:scale(.9)}
.pbar>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--verd),var(--gold-l));transition:width .2s}
.arow:first-child{border-top:none}
.row:first-child{border-top:none}
.row .nm{flex:1}
.deaths .lab{font-family:var(--label);font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:var(--mut);margin-bottom:6px;text-align:center}
.bub.s{background:radial-gradient(circle at 35% 30%,#caa54a,#9c7d33)}
.bub.f{background:radial-gradient(circle at 35% 30%,#9a3a34,#6e2222)}
.eqdot{display:inline-block;width:7px;height:7px;border-radius:50%;vertical-align:1px;margin-left:5px;
    background:radial-gradient(circle at 35% 30%,#dcbd72,#a8842f);box-shadow:0 0 4px #dcbd7288}
/* экипировано */
  .item:first-child{border-top:none}
.item .nm{flex:1}
.item .q{font-family:var(--mono);font-size:12px;color:var(--mut)}
.sess>summary::-webkit-details-marker{display:none}
.pos{color:var(--verd);font-weight:600}
.neg{color:var(--ox);font-weight:600}
.dl .tm{margin-left:auto;color:var(--faint);font-size:10px;font-family:var(--mono);padding-left:8px}
.bsheet h4{font-family:var(--title);font-size:19px;margin:0 0 4px;color:var(--ink)}
.bsheet p{margin:0 0 14px;font-size:14px;line-height:1.6}
.take:disabled{opacity:.45;filter:grayscale(.7);cursor:default}
.prow:last-child{border-bottom:none}
.pnm{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.prow.own .pnm b{color:var(--gold-d)}
.php{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.phb i{display:block;height:100%;background:var(--hpink);border-radius:3px}
.pickrow .nm{flex:1}
.pickrow .tag{font-family:var(--mono);font-size:11px;color:var(--mut)}
.pickrow .go{border:1.5px solid var(--gold-d);background:var(--fill);border-radius:9px;padding:6px 13px;font-family:var(--label);font-weight:600;color:var(--ox);font-size:12px;cursor:pointer}
.spfilter button{border:1.5px solid var(--gold-d);background:var(--fill);color:var(--ink2);font-family:var(--label);font-weight:600;font-size:11px;border-radius:9px;padding:5px 12px;cursor:pointer;min-width:32px}
.spfilter button.on{background:linear-gradient(180deg,#dcbd72,#a8842f);color:#1c1407;border-color:#a8842f}
.dcell{border:1.5px solid var(--gold-d);background:var(--fill);border-radius:11px;padding:8px 3px 7px;text-align:center;transition:box-shadow .15s}
.dcell.has{box-shadow:0 0 0 2px var(--gold)}
.dcell .dn{font-family:var(--title);font-weight:700;font-size:13px;color:var(--ink)}
.dctl{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:6px}
.dctl button{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-size:14px;line-height:1;cursor:pointer;padding:0}
.dctl button:active{background:var(--ink);color:var(--fill)}
.dctl b{font-family:var(--mono);font-size:13px;min-width:18px;color:var(--ink)}
.dcell:not(.has) .dctl b{color:var(--faint)}
.dieout{text-align:center;margin-bottom:14px;min-height:96px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.d20wrap{position:relative;width:96px;height:110px}
.d20wrap>svg{position:absolute;inset:0;width:100%;height:100%;color:var(--gold-d);stroke-width:1.6;opacity:.9}
.d20wrap.rolling{animation:diespin .55s ease-in-out}
@keyframes diespin{0%{transform:rotate(-14deg) scale(.8);opacity:.5}30%{transform:rotate(12deg) scale(1.1)}60%{transform:rotate(-7deg) scale(.97)}100%{transform:rotate(0) scale(1);opacity:1}}
.diebreak{font-family:var(--mono);font-size:12px;color:var(--mut);margin-top:7px}
.dieacts{display:flex;gap:9px}
.dieacts .take{flex:1}
.clearbtn{border:1.5px solid var(--gold-d);background:transparent;color:var(--ox);font-family:var(--label);font-weight:700;border-radius:12px;padding:13px 18px;cursor:pointer}
.clearbtn:disabled{opacity:.4;color:var(--mut);border-color:var(--faint);cursor:default}
.sheetacts{display:flex;gap:9px}
.sheetacts .take{flex:1.3}
.sheetacts .clearbtn{flex:1;padding:13px 0;font-size:13px}
.resrow:first-child{border-top:none}
.resrow .rn{flex:1;min-width:0}
.resrow .uses{justify-content:flex-end}
.editing .editbar{display:flex}
.editbar b{font-family:var(--mono)}
.editbar .sv{margin-left:auto;border:none;background:linear-gradient(180deg,#dcbd72,#a8842f);color:#1c1407;
    font-family:var(--label);font-weight:700;font-size:12.5px;border-radius:9px;padding:9px 16px;cursor:pointer}
.editbar .sv:disabled{opacity:.45;filter:grayscale(.7)}
.editbar .cx{border:1px solid #6a5424;background:transparent;color:#d4715f;border-radius:9px;width:34px;height:34px;cursor:pointer;font-size:15px}
.resrow .rn .nm{display:block;font-size:14px}
.resrow .rn .rst{display:block;font-family:var(--label);font-size:8px;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);margin-top:2px}
.resbtn{width:26px;height:26px;flex:none;border-radius:50%;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-size:15px;line-height:1;cursor:pointer;padding:0}
.resbtn:active{background:var(--ink);color:var(--fill)}
.uses i.on{background:radial-gradient(circle at 35% 30%,#caa54a,#9c7d33);box-shadow:0 0 5px #d8b96a55}
.rdel{width:22px;height:22px;font-size:11px;border-color:var(--gold-d);color:var(--ox)}
.ninput::placeholder{color:var(--faint)}
.frow{display:flex;align-items:center;gap:9px;margin-bottom:13px}
.flab{flex:1;font-family:var(--label);font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut)}
.nrv{font-family:var(--mono);font-size:15px;min-width:22px;text-align:center}
.chip{border:1.5px solid var(--gold-d);background:var(--fill);color:var(--ink2);font-family:var(--label);font-weight:600;font-size:11px;border-radius:9px;padding:6px 11px;cursor:pointer}
.chip.on{background:linear-gradient(180deg,#dcbd72,#a8842f);color:#1c1407;border-color:#a8842f}
.err{color:var(--ox);font-family:var(--label);font-size:12px;min-height:17px;margin:8px 0 2px;text-align:center}
.charrow:first-child{border-top:none}
.charrow .cnm{font-family:var(--title);font-weight:600;font-size:16px}
.csub{font-family:var(--label);font-size:10px;letter-spacing:.04em;color:var(--mut);margin-top:2px;text-transform:uppercase}