/* Tizgin v65.21: бронирование — зал, день, время, ПК. Работает в index.html и player-shell.html. */
.bk{display:grid;gap:18px;--bk-line:#ffffff1a;--bk-soft:#ffffff0a;--bk-muted:#a3a8cc;--bk-accent:var(--c-6d6dff,#6d6dff);--bk-accent2:var(--c-8656f2,#8656f2);--bk-good:#6fe6a8}
.bk-step{display:grid;gap:10px;min-width:0}
.bk-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#fff}
.bk-label small{font-size:12px;font-weight:500;color:var(--bk-muted);margin-left:auto;text-align:right}
.bk-num{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--bk-accent),var(--bk-accent2))}
.bk-chips{display:flex;flex-wrap:wrap;gap:8px}
.bk-chips.bk-scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.bk-chip{flex:none;display:grid;gap:1px;justify-items:start;min-height:44px;padding:7px 14px;border-radius:12px;border:1px solid var(--bk-line);background:var(--bk-soft);color:#e6e8fa;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.bk-chip b{font-size:13px;font-weight:700}
.bk-day b{text-transform:capitalize}
.bk-chip small{font-size:11px;color:var(--bk-muted)}
.bk-chip.bk-pill{align-content:center;font-size:13px;font-weight:600;border-radius:999px;min-height:38px}
.bk-chip:hover{border-color:#a69bff77}
.bk-chip.is-on{background:linear-gradient(135deg,var(--bk-accent),var(--bk-accent2));border-color:transparent;color:#fff}
.bk-chip.is-on small{color:#ffffffd0}
.bk-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;max-height:232px;overflow-y:auto;padding-right:4px;overscroll-behavior:contain}
.bk-slot{display:grid;gap:1px;justify-items:center;padding:8px 4px;border-radius:11px;border:1px solid var(--bk-line);background:var(--bk-soft);color:#fff;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.bk-slot small{font-size:10.5px;font-weight:500;color:var(--bk-good)}
.bk-slot:hover:not(:disabled){border-color:#a69bff77}
.bk-slot.is-on{background:linear-gradient(135deg,var(--bk-accent),var(--bk-accent2));border-color:transparent}
.bk-slot.is-on small{color:#ffffffd0}
.bk-slot:disabled{opacity:.42;cursor:not-allowed;color:#aab0cf}
.bk-slot:disabled small{color:#aab0cf}
.bk-hall{margin:10px 0 8px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--bk-muted)}
.bk-hall:first-child{margin-top:0}
.bk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.bk-pc{display:grid;gap:2px;justify-items:start;padding:10px 12px;border-radius:12px;border:1px solid #6fe6a855;background:#6fe6a812;color:#fff;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.bk-pc b{font-size:14px;font-weight:800}
.bk-pc small{font-size:11px;color:var(--bk-good)}
.bk-pc:hover:not(:disabled){border-color:var(--bk-good);transform:translateY(-1px)}
.bk-pc.is-on{background:linear-gradient(135deg,var(--bk-accent),var(--bk-accent2));border-color:transparent;box-shadow:0 10px 24px rgba(95,85,255,.35)}
.bk-pc.is-on small{color:#fff}
.bk-pc.is-off{border-color:var(--bk-line);background:var(--bk-soft);color:#9aa0c2;cursor:not-allowed}
.bk-pc.is-off small{color:#8a90b2}
.bk-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:11.5px;color:var(--bk-muted)}
.bk-legend span{display:inline-flex;align-items:center;gap:6px}
.bk-dot{width:10px;height:10px;border-radius:3px;display:inline-block}
.bk-dot.is-free{background:#6fe6a8}.bk-dot.is-picked{background:var(--bk-accent)}.bk-dot.is-off{background:#ffffff26}
.bk-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;border:1px solid var(--bk-line);background:#0a0d22cc}
.bk-sum-text{display:grid;gap:3px;min-width:0;font-size:13px;color:#cfd3ef}
.bk-sum-text>b{font-size:16px;color:#fff}
.bk-sum-text span::first-letter{text-transform:uppercase}
.bk-money b{color:#fff}
.bk-warn{color:#ffc35c;font-weight:600}
.bk-submit{min-height:44px;padding:0 20px;font-weight:800;white-space:nowrap}
.bk-empty{padding:14px;border-radius:12px;border:1px dashed var(--bk-line);color:var(--bk-muted);font-size:13px}
.bk-msg{font-size:13px;min-height:18px;color:var(--bk-muted)}
.bk-msg.is-ok{color:#6fe6a8;font-weight:600}
.bk-msg.is-err{color:#ff8ea0;font-weight:600}
.bk-chip:focus-visible,.bk-slot:focus-visible,.bk-pc:focus-visible{outline:2px solid #a69bff;outline-offset:2px}
@media(max-width:620px){.bk-summary{flex-direction:column;align-items:stretch}.bk-submit{width:100%}.bk-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.bk-label small{display:none}}
@media(prefers-reduced-motion:reduce){.bk-pc,.bk-chip,.bk-slot{transition:none}}