.table-hub{margin-bottom:24px}.table-choice,.table-discards,#tableControls{display:flex;gap:10px;flex-wrap:wrap}.table-choice .selected{background:var(--gold,#e8c879);color:#171512}#tableSetup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}#tableSetup label{display:grid;gap:5px}#tableSetup select{width:100%}.table-seat{padding:10px 12px;border:1px solid #685738;border-radius:12px}.table-seat.active{border-color:#e8c879;background:#d4af3720}#tableSeats{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}#tableBoard{margin:18px 0}.okey-rack{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0;padding:14px;border-radius:14px;background:#392e20}.okey-tile{min-width:54px;min-height:74px;background:#fff8e5!important;font-weight:800;color:#171512!important;border-radius:8px!important;padding:8px!important}.okey-tile.selected{outline:3px solid #e8bd48;transform:translateY(-5px)}.okey-tile.tile-0{color:#ad2730!important}.okey-tile.tile-1{color:#2357a5!important}.okey-tile.tile-3{color:#926719!important}.tile-fake{font-size:12px;max-width:80px}.tavla-board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));background:#4d3421;border:5px solid #89633b;border-radius:10px;padding:7px;gap:3px}.tavla-point{white-space:pre-line;text-align:center;font-size:clamp(10px,2.5vw,17px);padding:18px 0;background:#a67b45;color:#100b06;min-height:94px}.tavla-point:nth-child(even){background:#e6c587}.tavla-point:nth-child(n+13){border-top:10px solid #392315}.tavla-moves{display:flex;gap:8px;flex-wrap:wrap}.tavla-moves button{font-size:14px;padding:10px!important}.table-hub details{margin-top:24px}.table-hub button:disabled{opacity:.5}.table-hub [hidden],#quizPanel[hidden]{display:none!important}@media(max-width:500px){#tableSeats{grid-template-columns:1fr}.table-choice button{flex:1;font-size:14px}.table-discards button{font-size:12px}.okey-tile{min-width:44px;min-height:60px}.tavla-point{min-height:78px}}
.table-hub{padding:clamp(16px,3vw,28px);border:1px solid #79613b;border-radius:24px;background:linear-gradient(135deg,#242016,#151411);box-shadow:0 16px 42px #0003}.table-hub h2{margin-top:0}.table-choice{padding:6px;border-radius:16px;background:#09090966}.table-choice button{flex:1;border-radius:12px!important}.table-hub #tableStatus{padding:14px 16px;border-left:3px solid #e8c879;background:#e8c8790c;border-radius:0 12px 12px 0;font-weight:600}.table-hub #tableSetupDetails{margin:16px 0}.table-hub #tableControls{padding-top:16px;border-top:1px solid #79613b}.table-hub #tableControls>button{flex:1;min-width:130px}.table-hub .okey-indicator{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;background:#ffffff06;border-radius:16px}.stock-count{margin-left:auto;color:#e8c879}.table-hub .table-discards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0;gap:8px}.discard-seat{display:grid;justify-items:center;gap:8px;padding:12px 6px;border-radius:12px;background:#ffffff06;text-align:center}.discard-seat>small{max-width:100%;overflow-wrap:anywhere}.empty-discard{display:grid;place-items:center;width:44px;height:70px;border:1px dashed #79613b;border-radius:8px}.rack-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.rack-tools{display:flex;flex-wrap:wrap;gap:8px}.rack-tools button{font-size:13px;padding:10px!important}.table-hub .okey-rack{gap:8px;background:linear-gradient(#62432c,#35261b);box-shadow:inset 0 -7px 0 #9a7440,inset 0 2px 10px #0005;padding:18px 14px 24px}.table-hub .okey-tile{display:inline-flex;align-items:center;flex-direction:column;justify-content:space-between;width:58px;min-height:86px;box-shadow:0 3px 0 #b6a88b,0 5px 8px #0004;border:1px solid #ddceb0!important}.tile-color{font-size:8px;letter-spacing:.5px}.tile-number{font-size:28px;line-height:1.2}.tile-mark{font-size:8px;min-height:12px}.table-hub .okey-tile:disabled{opacity:1}.table-hub .okey-tile.selected{outline:3px solid #f5d572}.table-hub .okey-tile:focus-visible,.table-hub button:focus-visible{outline:3px solid #fff3b5;outline-offset:3px}.table-hub .tavla-board{gap:2px;padding:8px;border-width:8px;box-shadow:inset 0 0 12px #0009}.table-hub .tavla-point{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4px 0!important;border:0!important;border-radius:0!important;min-width:0;height:160px;min-height:160px;background:linear-gradient(75deg,transparent 45%,#ac7843 46%,#ac7843 54%,transparent 55%),#362819;color:#fff2d3;overflow:hidden;opacity:1}.table-hub .tavla-point:nth-child(even){background:linear-gradient(75deg,transparent 45%,#e2c793 46%,#e2c793 54%,transparent 55%),#362819}.table-hub .tavla-point:nth-child(n+13){flex-direction:column-reverse;border-top:14px solid #21180e!important}.point-number{font-size:11px;font-weight:600}.checker-stack{display:flex;flex-direction:column;align-items:center;width:100%;gap:1px}.checker{display:block;flex-shrink:0;width:min(28px,90%);aspect-ratio:1;border-radius:50%;border:1px solid #8a7962;box-shadow:inset 0 0 0 3px #0001,0 2px 2px #0006}.checker.white{background:radial-gradient(circle at 30% 30%,#fff9e8,#c8b795)}.checker.black{background:radial-gradient(circle at 30% 30%,#56534b,#141310);border-color:#797060}.checker-total{position:absolute;top:50%;background:#21180e;color:white;border-radius:20px;padding:2px 5px}.table-hub .tavla-point.selected{outline:3px solid #ffd777;outline-offset:-3px}.table-hub .tavla-point.destination{outline:3px solid #86c99b;outline-offset:-3px;cursor:pointer}.table-hub .tavla-point:not(:disabled){cursor:pointer}.tavla-dice{display:flex;justify-content:center;gap:10px;margin-bottom:12px}.die{font-size:44px;color:#f7e5c1}.tavla-rail{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.tavla-rail>span{font-size:12px;text-align:center}.table-hub .tavla-rail .tavla-point{height:64px;min-height:64px;width:58px;border-radius:10px!important;background:#3c3021!important}.tavla-rail .checker-stack{flex-direction:row;flex-wrap:wrap}.tavla-rail .checker{width:14px}.table-hub .tavla-moves{max-height:220px;overflow:auto;padding:4px}.table-seat{overflow-wrap:anywhere}@media(max-width:500px){.table-hub .okey-tile{width:46px;min-width:46px;min-height:72px}.tile-number{font-size:24px}.table-hub .tavla-point{height:132px;min-height:132px}.table-hub .table-discards{grid-template-columns:repeat(2,minmax(0,1fr))}.table-hub .tavla-board{padding:3px;border-width:4px}.checker{width:95%}.table-hub #tableControls>button{min-width:100%}.rack-tools button{flex:1}}
.table-hub #tableLobby{padding:14px 0;border-bottom:1px solid #79613b;margin-bottom:16px}.table-room-status{font-size:14px;color:#e8c879;margin:0 0 12px}.table-hub #tableLobby>button{font-size:13px;padding:10px 14px!important;margin:0 8px 8px 0}.table-people{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.table-person{font-size:12px;padding:7px 10px;border-radius:20px;background:#ffffff08;overflow-wrap:anywhere}.table-person.connected{color:#b5d9bc}.table-person.connecting{color:#e8c879}.table-next-step{font-size:14px;line-height:1.5;padding:0 4px;margin:0 0 18px;color:#d9d2c1}.table-next-step:empty{display:none}