.tables-main{max-width:1080px;padding:24px;margin:auto}
.tables-heading{margin-bottom:20px;gap:16px}.tables-heading img{width:60px;height:76px}.tables-heading h1{font-size:22px}
.seat-board{max-width:640px;margin:0 auto 20px;padding:16px 20px;background:#101216;border:1px solid #42494e;border-radius:6px}
.seat-board-heading{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:12px;color:#acb4be}.seat-board-heading strong{color:#fff}
.bonus-counters{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:14px}.bonus-counters b{font:24px monospace;font-variant-numeric:tabular-nums}.bonus-counters .rt{margin-left:auto;color:#83d75a;font-size:11px}.bonus-counters .rt b{font-size:22px}
.bb{color:#fa5575}.rb{color:#efc35a}.bonus-graph{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin-top:14px;min-height:138px}
.bonus-column{min-width:0;text-align:center}.bonus-turns{display:block;height:18px;font:10px monospace;color:#bac1c8}.bonus-segments{display:grid;grid-template-rows:repeat(10,7px);gap:3px;width:min(100%,22px);margin:4px auto 8px}.bonus-segments span{background:#33383e;border-radius:1px}.bonus-segments .lit{background:#b061ca}.bonus-column b{font-size:11px;font-weight:500}
.bonus-legend{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#8c959f;border-top:1px solid #30363d;padding-top:8px}.classic-counter{display:flex;justify-content:space-between;align-items:center;color:#aebac2}.classic-counter strong{font:28px monospace;color:#fff}
.seat-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px}.seat-controls label{flex-direction:row;align-items:center;font-size:13px;gap:8px;white-space:nowrap}.seat-controls select{font:inherit;color:#e9eeef;background:#1a2227;border:1px solid #3c484b;border-radius:5px;height:42px;padding:0 10px;min-width:110px}.seat-controls input[type=checkbox]{width:18px;height:18px;accent-color:#6fe0ae;margin:0}
.machine-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.seat{position:relative;min-width:0;background:#14181b;border:1px solid #384148;border-radius:6px;overflow:hidden}.seat.selected{border-color:#71ddc3;box-shadow:0 0 0 1px #71ddc3}.seat.occupied .seat-preview img{opacity:.55}.seat-preview{display:flex;flex-direction:column;gap:0;padding:10px 8px 8px;width:100%;border:0;border-radius:0;background:transparent;min-height:0}.seat-preview img{width:100%;height:140px;object-fit:contain;display:block}.seat-number{position:absolute;top:8px;left:8px;font:14px monospace;background:#e4c477;color:#202018;padding:3px 7px;border-radius:4px}.seat-status{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#b9c7cf;height:24px}.seat-status svg{width:13px;height:13px}.seat-counts{display:flex;justify-content:center;gap:12px;width:100%;font-size:11px;height:25px;align-items:center}.seat-counts b{font:12px monospace}.seat-turns{display:block;font:14px monospace;color:#e2ece8;height:22px}.seat-actions{display:flex;border-top:1px solid #303840;height:42px}.seat-enter{flex:1;min-width:0;border:0;border-right:1px solid #303840;border-radius:0;padding:0 8px;min-height:42px;font-size:12px;background:#25493e;color:#a1f2d7}.seat-actions .icon-button{width:40px;height:42px;border:0;border-radius:0}.seat-actions svg{width:17px}
.seat-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px}.seat-pagination span{font:13px monospace;min-width:50px;text-align:center}
#tables-view.pachi{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.pachi>.topbar{flex-shrink:0}
.pachi .tables-main{width:100%;flex:1;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;padding:18px 24px 12px;margin:0 auto}
.pachi .tables-heading{display:none}
.pachi .seat-board{width:100%;margin:0 auto;overflow:hidden}
.pachi .seat-controls,.pachi .seat-pagination{margin:0}
.pachi .seat-list{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding:2px}
.seat-enter{border-right:0}
.settlement-dialog{width:min(560px,calc(100vw - 24px));max-height:85dvh;overflow:auto}.settlement-entry{border-top:1px solid #394247;padding:16px 0}.settlement-entry header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}.settlement-entry header span{color:#d5bd77;font-size:12px}.settlement-entry p{font-size:13px;line-height:1.6;color:#c8d4cf;overflow-wrap:anywhere}.settlement-entry dl{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0;font-size:14px}.settlement-entry dd{margin:0;font-variant-numeric:tabular-nums;color:#77dfba}.settlement-entry time{font-size:11px;color:#9facaa}#settlement-button.unread{color:#efcb73;border-color:#b39b5d}
.pending-rounds{display:flex;gap:10px;flex-wrap:wrap;padding:0 0 20px}.pending-rounds button{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:transparent;border:1px solid #c8ad65;border-radius:5px;color:#ead391;padding:10px 12px;max-width:100%}.pending-rounds svg,.seat-resume svg{width:16px;height:16px;flex-shrink:0}.pending-rounds span{font-size:12px}.seat-pending{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;margin-bottom:12px;border-bottom:1px solid #5c543c;color:#e4cd83;font-size:14px}.seat-resume{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#25493e;border:1px solid #3a6958;border-radius:5px;color:#a1f2d7}.pachi .seat-pending{margin:0;padding:8px 0}.pachi .tables-main:has(.seat-pending:not([hidden])){grid-template-rows:auto auto auto minmax(0,1fr) auto}
@media(max-width:760px){.machine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tables-main{padding:18px 12px}.seat-board{padding:14px 12px}.bonus-graph{gap:6px}.bonus-counters{gap:12px}.bonus-counters b{font-size:20px}.bonus-counters .rt b{font-size:18px}.seat-preview img{height:116px}.seat-counts{gap:6px;font-size:10px}}
@media(max-width:440px){.machine-grid{gap:8px}.seat-preview{padding:8px 3px 4px}.seat-preview img{height:110px}.seat-number{left:4px;top:5px;font-size:12px;padding:2px 5px}.seat-counts{gap:4px;flex-wrap:wrap;height:36px}.seat-counts b{font-size:11px}.seat-status{font-size:10px}.seat-actions .icon-button{width:30px}.seat-enter{padding:0 3px}.seat-turns{font-size:12px}.seat-controls{gap:8px}.seat-controls label{font-size:12px}.bonus-counters{gap:10px}.bonus-counters .rt{font-size:9px}.bonus-counters .rt b{font-size:18px}.bonus-graph{gap:4px}}
@media(max-width:760px){.pachi .tables-main{padding:12px 10px 8px;gap:12px}.pachi .bonus-graph{min-height:106px}.pachi .bonus-segments{grid-template-rows:repeat(10,5px);gap:2px}}
@media(max-height:600px){.pachi>.topbar{height:54px}.pachi .tables-main{padding:8px 10px;gap:8px}.pachi .seat-board{padding:10px 12px}.pachi .seat-board-heading{margin-bottom:8px}.pachi .bonus-graph{min-height:84px;margin-top:8px}.pachi .bonus-segments{grid-template-rows:repeat(10,4px);gap:2px;margin-bottom:4px}.pachi .seat-controls select{height:36px}.pachi .seat-pagination .icon-button{height:34px;min-height:34px}.pachi .seat-preview img{height:88px}}
@media(min-width:600px) and (max-height:600px){.pachi .tables-main{grid-template-columns:280px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:10px 16px}.pachi .seat-board{grid-area:1/1/4/2;align-self:start}.pachi .seat-controls{grid-area:1/2}.pachi .seat-list{grid-area:2/2}.pachi .seat-pagination{grid-area:3/2}.pachi .machine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pachi .bonus-counters{gap:8px}.pachi .bonus-counters .rt{font-size:9px}.pachi .bonus-counters .rt b{font-size:18px}}
@media(min-width:600px) and (max-height:600px){.pachi .tables-main:has(.seat-pending:not([hidden])){grid-template-rows:auto auto minmax(0,1fr) auto}.pachi .tables-main:has(.seat-pending:not([hidden])) .seat-pending{grid-area:1/1/2/3}.pachi .tables-main:has(.seat-pending:not([hidden])) .seat-board{grid-area:2/1/5/2}.pachi .tables-main:has(.seat-pending:not([hidden])) .seat-controls{grid-area:2/2}.pachi .tables-main:has(.seat-pending:not([hidden])) .seat-list{grid-area:3/2}.pachi .tables-main:has(.seat-pending:not([hidden])) .seat-pagination{grid-area:4/2}}
.seat.is-free{background:#10271e;border-color:#3c8068}.seat.is-reserved{background:#2a2518;border-color:#b59442}.seat.is-busy{background:#29191d;border-color:#884650}.seat.is-free.selected{border-color:#82e9bb;box-shadow:0 0 0 1px #82e9bb}.seat.is-reserved.selected{border-color:#f1cf7b;box-shadow:0 0 0 1px #f1cf7b}.seat.is-busy.selected{border-color:#ed8792;box-shadow:0 0 0 1px #ed8792}
.seat-status{height:28px;font-size:12px;color:#cce9db}.seat-status-dot{width:9px;height:9px;border-radius:50%;flex:none;background:#5ce2a4}.is-reserved .seat-status{color:#f0d17e}.is-reserved .seat-status-dot{background:#f0c660}.is-busy .seat-status{color:#f1a2ac}.is-busy .seat-status-dot{background:#ef747f}.is-busy .seat-number{background:#e3838d;color:#35131a}.is-reserved .seat-number{background:#f0d17e}
.seat-lock{position:absolute;top:72px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#25131fe8;border:1px solid #bb6678;border-radius:6px;color:#ffc0c8}.seat-lock svg{width:23px;height:23px}.is-reserved .seat-lock{background:#33290fe8;border-color:#c1a157;color:#f2d885}.seat-cancel{position:absolute;top:5px;right:5px;width:28px;height:28px;min-height:28px;border:0;color:#f0d17e}.seat-cancel svg{width:16px;height:16px}
.seat-actions{height:54px;border-color:#41654e}.seat-enter{height:54px;min-height:54px;gap:6px;background:#174c37;color:#a6f1cb;font-size:13px;line-height:1.3}.seat-enter svg{width:16px;height:16px}.seat-action-text{display:flex;flex-direction:column;align-items:center;min-width:0}.seat-countdown{font:12px monospace;font-variant-numeric:tabular-nums;margin-top:3px;color:inherit}.is-reserved .seat-enter{background:#574719;color:#f6dda3}.is-busy .seat-enter,.seat-enter:disabled{background:#26262a;color:#b3a9ae;opacity:1;cursor:not-allowed}.is-reserved .seat-enter:disabled{background:#3c3322;color:#e6ce95}
@media(max-width:960px) and (max-height:600px){.machine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.exit-dialog{width:min(460px,calc(100vw - 28px))}.exit-dialog p{font-size:14px;line-height:1.7;color:#bfcfc6;margin-bottom:16px;overflow-wrap:anywhere}.exit-dialog #exit-machine{color:#eff7f2;font-size:16px;font-weight:600}.exit-dialog .exit-pending{color:#e9cc85;border-left:2px solid #caa957;padding-left:12px}.exit-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.exit-actions button{min-height:48px;padding:10px 8px;font-size:14px;white-space:normal}.exit-actions svg{width:17px;height:17px}
.idle-warning{position:absolute;z-index:4;top:66px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #d5b968;border-radius:6px;background:#302911f2;color:#f7dda0;pointer-events:none}.idle-warning svg{width:20px;height:20px;flex:none}.idle-warning div{display:flex;flex-direction:column;gap:4px;min-width:0}.idle-warning strong{font-size:14px;overflow-wrap:anywhere}.idle-warning span{font-size:13px}.idle-warning time{font-variant-numeric:tabular-nums}
@media(max-width:440px){.seat-status{font-size:11px}.seat-status-dot{width:7px;height:7px}.seat-enter{gap:4px;font-size:12px}.seat-lock{top:60px;width:32px;height:32px}.seat-lock svg{width:20px;height:20px}.exit-actions{grid-template-columns:1fr}.seat-counts{height:30px;flex-wrap:nowrap}}
[data-resume-label]{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}