.tavla-lobby{display:flex;flex-direction:column;gap:20px}.tavla-lobby-head{display:flex;align-items:center;gap:16px}.tavla-lobby-head h1{font-size:clamp(24px,3vw,32px);font-weight:900;letter-spacing:-.02em}.tavla-lobby-head p{margin-top:4px;max-width:42rem;font-size:14px;color:var(--tk-muted)}.tavla-mark{flex:none;filter:drop-shadow(0 3px 3px #0005)}.tavla-muted{color:var(--tk-muted)}.tavla-faint{color:var(--tk-faint)}.tavla-error{font-size:13px;font-weight:600;color:var(--tk-bad)}.tavla-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;word-break:break-all}.tavla-rooms{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tavla-room{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--tk-surface);border:1px solid var(--tk-line);border-radius:var(--tk-radius)}.tavla-chip{display:inline-flex;align-items:center;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700;background:var(--tk-sunken);color:var(--tk-muted)}.tavla-chip[data-tone=good]{background:color-mix(in srgb,var(--tk-good) 18%,transparent);color:var(--tk-good)}.tavla-chip[data-tone=test]{background:transparent;border:1px dashed var(--tk-line);color:var(--tk-faint);text-transform:uppercase;font-size:10px}.tavla-chip[data-tone=bot]{background:color-mix(in srgb,var(--tk-accent) 16%,transparent);color:var(--tk-accent)}.tavla-chip[data-tone=cube]{background:#f7efdc;color:#3a2a18;border:1px solid #b08a4a}.tavla-panel{padding:16px;background:var(--tk-surface);border:1px solid var(--tk-line);border-radius:var(--tk-radius)}.tavla-panel h2{margin-bottom:10px;font-size:14px;font-weight:700}details.tavla-panel{padding:0}details.tavla-panel>summary{cursor:pointer;padding:12px 16px;font-size:13px;font-weight:600}.tavla-panel-body{padding:0 16px 16px}.tavla-history{display:flex;flex-direction:column}.tavla-history li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:13px;border-top:1px solid var(--tk-line)}.tavla-history li:first-child{border-top:0}.tavla-inline-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:var(--tk-radius);border:1px solid color-mix(in srgb,var(--tk-bad) 45%,var(--tk-line));font-size:13px}.tavla-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:96px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:700;background:linear-gradient(180deg,#303542,#171c28);color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 3px 0 rgba(0,0,0,.4),0 6px 15px -5px rgba(0,0,0,.7);cursor:pointer}.tavla-btn[data-primary]{background:linear-gradient(180deg,color-mix(in srgb,var(--tk-accent-fill) 88%,white),var(--tk-accent-fill));color:var(--tk-on-fill)}.tavla-btn[data-quiet]{background:transparent;color:var(--tk-ink);border:1px solid color-mix(in srgb,var(--tk-ink) 24%,transparent);box-shadow:0 1px 2px rgb(0 0 0/.16)}.tavla-btn--small{min-height:36px;min-width:0;padding:0 12px;font-size:12px}.tavla-btn:disabled{opacity:.4;cursor:not-allowed}.tavla-state{justify-content:center;min-height:340px;padding:24px 0}.tavla-state,.tavla-state-card{display:flex;align-items:center}.tavla-state-card{flex-direction:column;gap:10px;max-width:30rem;padding:28px 24px;text-align:center;background:var(--tk-surface);border:1px solid var(--tk-line);border-radius:var(--tk-radius)}.tavla-state[data-tone=bad] .tavla-state-card{border-color:color-mix(in srgb,var(--tk-bad) 50%,var(--tk-line))}.tavla-state-title{font-size:20px;font-weight:800}.tavla-state-body{font-size:14px;color:var(--tk-muted)}.tavla-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}@media (max-width:480px){.tavla-state-actions{flex-direction:column-reverse;width:100%}.tavla-state-actions .tavla-btn{width:100%}}.tavla-game{display:flex;flex-direction:column;gap:12px}.tavla-game>*{flex-shrink:0}.tavla-game[data-fullscreen]{background:var(--tk-bg,#0b0f17);padding:12px;overflow:auto}.tavla-game-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.tavla-back{justify-self:start;gap:8px;min-height:44px;font-size:13px;font-weight:600;color:var(--tk-muted)}.tavla-back,.tavla-title{display:flex;align-items:center}.tavla-title{gap:10px}.tavla-title h1{font-size:clamp(20px,2.2vw,28px);font-weight:850;letter-spacing:-.02em;line-height:1.1}.tavla-title p{font-size:12px;color:var(--tk-muted)}.tavla-title-brand{display:none;width:28px;height:28px}.tavla-header-tools{justify-self:end;display:flex;align-items:center;gap:10px}.tavla-live{font-size:12px;font-weight:600;color:var(--tk-muted)}.tavla-live[data-live=true]{color:var(--tk-good)}.tavla-live[data-live=true]:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:currentColor}.tavla-fullscreen{display:flex;align-items:center;gap:7px;min-width:44px;min-height:44px;padding:0 14px;border-radius:12px;background:var(--tk-surface);border:1px solid var(--tk-line);color:var(--tk-ink);font-size:12px;font-weight:600}.tavla-help{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--tk-surface);border:1px solid var(--tk-line);color:var(--tk-ink);font-size:17px;font-weight:800}.tavla-game[data-fullscreen] .tavla-back{display:none}.tavla-game[data-fullscreen] .tavla-title-brand{display:block}.tavla-game[data-fullscreen] .tavla-game-header{grid-template-columns:1fr auto}@media (max-width:640px){.tavla-game-header{grid-template-columns:1fr auto}.tavla-fullscreen span,.tavla-live,.tavla-title{display:none}}.tavla-table{width:100%}.tavla-board-wrap{width:100%;margin-inline:auto;max-width:max(min(100%,520px),calc((100dvh - 350px) * 1.83))}.tavla-game[data-fullscreen] .tavla-board-wrap{max-width:max(min(100%,520px),calc((100dvh - 280px) * 1.83))}.tavla-table[data-design=salon]{--salon-ink:#eef0f5;--salon-muted:#a9b1c3;--salon-panel:rgb(13 18 30/.9);--salon-line:rgb(255 255 255/.13);display:flex;flex-direction:column;gap:10px;padding:14px 18px 0;border-radius:18px;overflow:hidden;color:var(--salon-ink);background:radial-gradient(55% 60% at 4% 18%,rgb(255 176 92/.15),transparent 72%),radial-gradient(45% 55% at 97% 26%,rgb(255 188 116/.11),transparent 72%),linear-gradient(180deg,#231710,#140d08 62%,#0e0906);box-shadow:0 24px 60px -32px #000}.tavla-table[data-design=salon]>.tavla-state .tavla-state-card{color:var(--tk-ink)}.tavla-board-wrap{position:relative;border-radius:22px;box-shadow:0 26px 40px -22px rgb(0 0 0/.85)}.tavla-game[data-fullscreen] .tavla-table[data-design=salon]{min-height:calc(100dvh - 90px);justify-content:center}.tavla-board{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.tavla-board[data-dragging]{cursor:grabbing}.tavla-marquetry-mark{opacity:.62;filter:sepia(1) saturate(.75) brightness(.92)}.tavla-lit{animation:tavla-pulse 1.4s ease-in-out infinite;pointer-events:none}@keyframes tavla-pulse{50%{opacity:.22}}@media (prefers-reduced-motion:reduce){.tavla-lit{animation:none}}.tavla-die{transition:opacity .2s}.tavla-seat{display:flex;justify-content:center;position:relative;z-index:1}.tavla-seat--top{margin-bottom:-4px}.tavla-seat--bottom{margin-top:-4px}.tavla-plate{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;min-height:52px;padding:7px 18px;border-radius:14px;background:var(--salon-panel);border:1px solid var(--salon-line);color:var(--salon-ink);font-size:14px;box-shadow:0 12px 26px -16px #000}.tavla-plate[data-active]{border-color:var(--tk-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--tk-accent) 60%,transparent),0 12px 26px -16px #000}.tavla-avatar{width:36px;height:36px;border-radius:50%;flex:none}.tavla-swatch{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid #9d8660;background:radial-gradient(circle at 40% 35%,#fffbf1,#eadcc0 60%,#c2aa7f);box-shadow:inset 0 0 0 5px rgb(0 0 0/.05)}.tavla-swatch[data-seat="1"]{border-color:#120604;background:radial-gradient(circle at 40% 35%,#7c3326,#3a150f 65%,#180604)}.tavla-plate-name{font-weight:800}.tavla-plate-stat{color:var(--salon-muted)}.tavla-table .tavla-chip[data-tone=bot]{background:color-mix(in srgb,var(--tk-accent) 22%,transparent)}.tavla-clock{display:inline-flex;align-items:center;gap:10px;font-weight:700}.tavla-ring{position:relative;display:inline-grid;place-items:center;width:40px;height:40px}.tavla-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.tavla-ring-track{fill:none;stroke:rgb(255 255 255/.12);stroke-width:3.5}.tavla-ring-run{fill:none;stroke:var(--tk-accent);stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset .5s linear}.tavla-ring b{position:relative;font-size:14px}.tavla-bank{padding-left:10px;border-left:1px solid var(--salon-line)}.tavla-clock[data-low] .tavla-bank,.tavla-clock[data-low] b{color:var(--tk-bad)}.tavla-rail{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px 20px;margin:4px -18px 0;padding:12px 18px;background:rgb(9 13 22/.95);border-top:1px solid var(--salon-line)}.tavla-hint{display:flex;align-items:center;gap:10px;min-width:0;font-size:13px;color:var(--salon-muted)}.tavla-hint svg{flex:none}.tavla-rail-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.tavla-status{font-size:14px;font-weight:700;color:var(--salon-ink)}.tavla-status[data-ready]{color:var(--tk-good)}.tavla-preview{display:flex;gap:10px;padding-left:14px;border-left:1px solid var(--salon-line);font-size:14px;font-weight:700}.tavla-preview li+li:before{content:"·";margin-right:10px;color:var(--salon-muted)}.tavla-rail-actions,.tavla-rail-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.tavla-table .tavla-btn{gap:8px;min-width:124px}.tavla-table .tavla-btn[data-quiet]{color:var(--salon-ink);border-color:rgb(255 255 255/.26);background:rgb(255 255 255/.04)}.tavla-table .tavla-error{padding:0 2px 10px}@media (max-width:640px){.tavla-table[data-design=salon]{padding:10px 8px 0;border-radius:14px}.tavla-seat .tavla-plate{width:100%;justify-content:flex-start;gap:6px 10px;padding:6px 12px;font-size:13px}.tavla-seat .tavla-clock{margin-left:auto}.tavla-rail{grid-template-columns:1fr;margin:4px -8px 0;padding:10px 12px 12px}.tavla-hint{display:none}.tavla-rail-actions,.tavla-rail-group{width:100%}.tavla-rail-actions .tavla-btn{flex:1 1 0;min-width:0}.tavla-preview{padding-left:0;border-left:0}}.tavla-rotate{display:none}@media (orientation:portrait) and (max-width:640px){.tavla-rotate{display:block;margin:-2px 0 0;text-align:center;font-size:12px;color:var(--salon-muted)}}@media (orientation:landscape) and (max-height:540px){.tavla-game{gap:6px}.tavla-game[data-fullscreen]{padding:6px 10px}.tavla-game-header{grid-template-columns:auto 1fr auto;gap:8px}.tavla-title{display:flex;gap:8px}.tavla-title .tavla-mark{display:none}.tavla-title h1{font-size:17px}.tavla-title p{font-size:11px}.tavla-fullscreen,.tavla-help{min-height:40px;height:40px}.tavla-help{width:40px}.tavla-game[data-fullscreen] .tavla-table[data-design=salon]{min-height:0}.tavla-table[data-design=salon]{display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,30vw,300px);grid-template-rows:auto auto 1fr;grid-template-areas:"board top" "board bottom" "board rail";gap:6px 10px;padding:6px;border-radius:14px}.tavla-seat--top{grid-area:top;margin:0}.tavla-seat--bottom{grid-area:bottom;margin:0}.tavla-board-wrap,.tavla-game[data-fullscreen] .tavla-board-wrap{grid-area:board;align-self:start;justify-self:center;width:min(100%,calc((100dvh - 64px) * 1.83));max-width:100%}.tavla-seat .tavla-plate{width:100%;min-height:0;justify-content:flex-start;gap:4px 8px;padding:5px 10px;font-size:13px;border-radius:12px}.tavla-avatar{width:28px;height:28px}.tavla-swatch{width:18px;height:18px}.tavla-ring{width:32px;height:32px}.tavla-ring b{font-size:12px}.tavla-seat .tavla-clock{margin-left:auto}.tavla-rail{grid-area:rail;grid-template-columns:1fr;align-content:start;gap:6px;margin:0;padding:8px;border:1px solid var(--salon-line);border-radius:12px}.tavla-hint,.tavla-rotate{display:none}.tavla-status{font-size:13px;line-height:1.3}.tavla-rail-status{gap:6px}.tavla-preview{flex-wrap:wrap;gap:4px 6px;padding-left:0;border-left:0;font-size:13px}.tavla-preview li{padding:3px 8px;border-radius:7px;background:rgb(255 255 255/.07)}.tavla-preview li+li:before{content:none}.tavla-rail-actions,.tavla-rail-group{flex-wrap:nowrap;width:100%;gap:6px}.tavla-rail-actions .tavla-btn{flex:1 1 0;min-width:0;min-height:40px;padding:0 10px;font-size:13px}.tavla-table .tavla-error{grid-column:1/-1}}.tavla-result{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;text-align:center;border-radius:22px;background:rgb(8 10 14/.8);color:#fff}.tavla-result-next{font-size:13px;opacity:.8}.tavla-result-title{font-size:clamp(22px,4vw,34px);font-weight:900}.tavla-result-title[data-won]{color:#8fe3a4}.tavla-result-kind{font-size:16px;font-weight:700}.tavla-result-reason,.tavla-result-score{font-size:13px;opacity:.85}.tavla-result-match{margin-top:6px;font-size:18px;font-weight:800}.tavla-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.tavla-result .tavla-btn[data-quiet]{color:#fff;border-color:rgba(255,255,255,.4)}.tavla-verify{max-width:28rem;margin-top:6px;padding:10px 12px;border-radius:10px;font-size:12px;background:rgb(255 255 255/.08);border:1px solid rgb(255 255 255/.2)}.tavla-verify[data-ok]{border-color:#8fe3a4}@media (max-width:480px){.tavla-result{position:static;margin-top:8px}}.tavla-below{display:flex;flex-direction:column;gap:10px}.tavla-fair{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin-top:8px;font-size:12px}.tavla-fair dt{color:var(--tk-muted)}.tavla-confirm{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:rgb(0 0 0/.55)}.tavla-confirm-card{display:flex;flex-direction:column;gap:14px;max-width:26rem;max-height:calc(100dvh - 32px);overflow:auto;padding:18px;border-radius:var(--tk-radius);background:var(--tk-surface);border:1px solid var(--tk-line);color:var(--tk-ink);font-size:14px}.tavla-rules{max-width:34rem;gap:10px;line-height:1.55}.tavla-rules h2{font-size:18px;font-weight:800}.tavla-rules p{color:var(--tk-muted)}