:root{--bg0: #1a1410;--bg1: #2a2118;--ink: #f3e6d4;--muted: #b9a690;--accent: #d9773a;--accent2: #6f9e7a;--danger: #c45c5c;--line: rgba(243, 230, 212, .14);--font-display: "Segoe UI", "Trebuchet MS", sans-serif;--font-body: "Segoe UI", Tahoma, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#3a2a1c 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#243328 0%,transparent 50%),linear-gradient(180deg,var(--bg0),var(--bg1))}a{color:var(--accent)}.shell{max-width:1100px;margin:0 auto;padding:28px 24px 64px}.brand{font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:.02em}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}h1,h2{font-family:var(--font-display);font-weight:700;line-height:1.15}.muted{color:var(--muted)}.panel{margin-top:24px;padding:20px;border:1px solid var(--line);background:#00000038}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.stack{display:grid;gap:12px}label{display:grid;gap:6px;font-size:.92rem}input,select,button,textarea{font:inherit}input,select,textarea{padding:10px 12px;border:1px solid var(--line);background:#00000059;color:var(--ink)}button{cursor:pointer;border:1px solid transparent;padding:10px 16px;background:var(--accent);color:#1a120c;font-weight:650}button.secondary{background:transparent;border-color:var(--line);color:var(--ink)}button:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--danger)}.seats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.seat{padding:12px;border:1px solid var(--line);background:#ffffff08}.hand,.triple{display:flex;flex-wrap:wrap;gap:12px}.card{width:140px;border:2px solid var(--line);background:#0f0c09;cursor:pointer;padding:0;overflow:hidden}.card img{display:block;width:100%;height:160px;object-fit:cover}.card .cap{padding:6px 8px;font-size:.8rem;color:var(--muted)}.face-down{height:160px;display:grid;place-items:center;background:repeating-linear-gradient(-45deg,#2a2118,#2a2118 8px,#1a1410 8px,#1a1410 16px)}@media(max-width:1023px){.shell:before{content:"Рекомендуется ширина экрана от 1024px";display:block;margin-bottom:12px;color:var(--muted);font-size:.85rem}}.table-app{--felt: #1e3d2f;--felt-edge: #14291f;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(200px,240px) 1fr minmax(200px,260px);grid-template-rows:auto 1fr;grid-template-areas:"top top top" "left stage right";gap:12px;padding:12px 16px 16px;background:radial-gradient(ellipse at 50% 45%,#2a4a38 0%,var(--felt-edge) 70%),linear-gradient(180deg,#12100e,#1a1410);color:var(--ink)}.table-loading{display:grid;place-items:center}.table-topbar{grid-area:top;display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,2.2fr) minmax(140px,1fr);align-items:center;gap:12px;min-height:48px}.table-brand strong{font-family:var(--font-display);font-size:1.25rem;margin-left:10px}.table-topbar-actions{display:flex;gap:10px;align-items:center;justify-self:end}.ws-dot{font-size:.85rem;color:var(--muted)}.ws-dot.on{color:var(--accent2)}.table-error{grid-column:1 / -1;color:var(--danger);padding:8px 12px;border:1px solid var(--danger);background:#c45c5c1f}.hud{padding:14px;border:1px solid var(--line);background:#00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-self:start;max-height:calc(100vh - 80px);overflow:auto}.hud-left{grid-area:left}.hud-right-wrap{grid-area:right;display:flex;align-items:flex-start;gap:10px;align-self:start;max-height:calc(100vh - 80px)}.hud-scores{flex:1;min-width:0;max-height:calc(100vh - 80px);overflow:auto}.hud h2{margin:0 0 12px;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.hud-stats{margin:0;display:grid;gap:10px}.hud-stats div{display:grid;gap:2px}.hud-stats dt{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.hud-stats dd{margin:0;font-size:1.05rem}.scoreboard{list-style:none;margin:0;padding:0;display:grid;gap:8px}.score-row{position:relative;display:grid;grid-template-columns:10px 1fr auto;gap:6px 8px;align-items:center;padding:8px;border:1px solid transparent;border-radius:4px;overflow:hidden}.score-row.is-you{background:#f3e6d41f;border-color:#f3e6d438}.score-swatch{width:10px;height:10px;border-radius:2px;grid-row:1}.score-name{font-size:.9rem;grid-column:2}.score-coins{font-variant-numeric:tabular-nums;font-weight:650;grid-column:3}.score-bar{grid-column:1 / -1;height:4px;border-radius:2px;opacity:.85;max-width:100%}.table-stage{grid-area:stage;display:flex;flex-direction:column;min-height:0;min-width:0}.table-felt{position:relative;flex:1;min-height:420px}.seat-tile{position:absolute;transform:translate(-50%,-50%);z-index:2;width:min(160px,18vw)}.seat-tile-inner{padding:10px 12px;border:3px solid var(--seat-color, var(--line));background:#0a0e0cd1;border-radius:8px;text-align:center;display:grid;gap:4px}.seat-tile.seat-lead .seat-tile-inner{background:color-mix(in srgb,var(--seat-color) 55%,#0a0e0c 45%);color:#fff;border-color:#fff3}.seat-tile.seat-you .seat-tile-inner{box-shadow:0 0 0 1px #f3e6d459}.seat-meta{font-size:.75rem;color:var(--muted)}.seat-lead .seat-meta{color:#ffffffd9}.seat-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;opacity:.9}.seat-tile.seat-thinking .seat-tile-inner{animation:seat-think-pulse 1.4s ease-in-out infinite}.seat-thinking-label{font-style:italic;color:var(--accent);letter-spacing:.02em}.seat-lead .seat-thinking-label{color:#ffe6c8}@keyframes seat-think-pulse{0%,to{opacity:1}50%{opacity:.72}}.table-center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);z-index:3;width:min(560px,70%);max-height:70%;overflow:auto}.flash-titles{justify-self:center;width:100%;max-width:560px;text-align:center;pointer-events:none;z-index:6}.flash-titles-text{margin:0;padding:0;border:none;background:none;box-shadow:none;color:#fff;font-family:Nunito,Arial Rounded MT Bold,Arial,sans-serif;font-size:clamp(1rem,1.6vw,1.35rem);font-weight:800;line-height:1.25;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.55);transform:scale(1);opacity:1;transition:opacity .45s ease,transform .45s ease}.flash-titles.is-fading .flash-titles-text{opacity:0;transform:scale(1.3)}.center-dimmed{opacity:.72;transition:opacity .25s ease}.wizard h2{margin:0;font-size:1.15rem}.wizard-emphasis{margin:0;font-family:var(--font-display);font-size:1.4rem;color:var(--accent)}.wizard-cards{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.order-board{align-items:flex-start;touch-action:none}.order-slot{display:grid;gap:4px;justify-items:center;border-radius:10px;padding:4px;border:2px solid transparent;transition:border-color .15s ease,transform .15s ease,opacity .15s ease;-webkit-user-select:none;user-select:none}.order-slot.is-draggable{cursor:grab}.order-slot.is-draggable:active,.order-slot.is-dragging{cursor:grabbing}.order-slot.is-dragging{opacity:.45}.order-slot.is-drop-target{border-color:var(--accent);transform:translateY(-2px)}.order-card{pointer-events:none}.order-slot .linkish{pointer-events:auto;touch-action:manipulation}.center-panel{padding:16px 18px;border-radius:12px;background:#080a09c7;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.center-panel h2{margin:0;font-size:1.2rem}.center-kicker{margin:0;font-size:.95rem}.hand-rail{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:14px 8px 8px;z-index:4}.card{border:2px solid var(--line);background:#0f0c09;cursor:pointer;padding:0;overflow:hidden;color:inherit}.card-hand{width:72px}.card-hand img,.card-hand .face-down{height:88px;width:100%;object-fit:cover;display:block}.card-table{width:120px}.card-table img,.card-table .face-down{height:140px;width:100%;object-fit:cover;display:block}.card.selected{border-color:var(--accent)}.card .cap{padding:4px 6px;font-size:.72rem;color:var(--muted);text-align:center}.face-down{display:grid;place-items:center;background:repeating-linear-gradient(-45deg,#2a2118,#2a2118 8px,#1a1410 8px,#1a1410 16px)}.triple-table{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.triple-slot{display:grid;gap:8px;justify-items:center;padding:6px;border-radius:10px;border:2px solid transparent}.triple-slot.is-secret{border-color:var(--accent);background:#d9773a1f}.triple-slot .token-card-slot{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;min-height:28px}.hand-pick{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.card-pick-wrap{display:grid;gap:4px;justify-items:center}.linkish{background:none;border:none;color:var(--accent);padding:0;font-size:.75rem;cursor:pointer;font-weight:500}button.compact{padding:8px 12px;font-size:.9rem}.invite-input{flex:1;min-width:160px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000db;display:grid;place-items:center;padding:24px}.lightbox-img{max-width:min(920px,96vw);max-height:92vh;object-fit:contain;border:2px solid var(--line);box-shadow:0 20px 60px #00000080}.lightbox-close{position:absolute;top:16px;right:20px;background:transparent;border:1px solid var(--line);color:var(--ink);font-size:1.6rem;line-height:1;padding:4px 12px}.dice-overlay{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:8;text-align:center;pointer-events:none}.dice-reel{margin:0 auto;overflow:hidden;border-radius:14px;border:3px solid rgba(243,230,212,.45);box-shadow:0 12px 36px #00000080,inset 0 0 0 1px #00000040;background:#0f0c09}.dice-reel.is-landed{box-shadow:0 12px 36px #00000080,0 0 0 3px #d9773a8c}.dice-reel-strip{display:flex;flex-direction:row;will-change:transform}.dice-reel-cell{flex:0 0 auto;display:grid;place-items:center;box-sizing:border-box;border-right:1px solid rgba(0,0,0,.18)}.dice-result{margin:12px 0 0;padding:8px 12px;border-radius:8px;background:#080a09e0;border:1px solid var(--line);font-family:var(--font-display)}.banter-bubble{position:absolute;z-index:5;transform:translate(-50%,calc(-100% - 12px));max-width:160px;padding:8px 10px;border-radius:10px;background:#0c0e0ceb;border:2px solid var(--seat-color, var(--accent));color:#fff;font-family:Nunito,Arial Rounded MT Bold,Arial,sans-serif;font-size:.82rem;font-weight:700;line-height:1.25;text-align:center;pointer-events:none;animation:banter-in .25s ease-out;box-shadow:0 8px 24px #0006}.banter-bubble:after{content:"";position:absolute;left:50%;bottom:-7px;transform:translate(-50%);border:7px solid transparent;border-top-color:var(--seat-color, var(--accent))}@keyframes banter-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px)) scale(.92)}to{opacity:1;transform:translate(-50%,calc(-100% - 12px)) scale(1)}}.token-tray{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:36px}.token-on-cards{display:grid;grid-template-columns:repeat(3,120px);gap:12px;justify-content:center}.token-card-slot{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;min-height:28px}.token-chip{width:28px;height:28px;perspective:200px}.token-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s ease}.token-chip.is-flipped .token-inner{transform:rotateY(180deg)}.token-back,.token-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;backface-visibility:hidden;border:2px solid color-mix(in srgb,var(--seat-color, #888) 70%,#000);box-shadow:0 2px 6px #00000059}.token-back{background:var(--seat-color, #888)}.token-face{background:var(--seat-color, #888);color:#1a1410;display:grid;place-items:center;font-size:.75rem;font-weight:800;transform:rotateY(180deg)}.token-pick-row{justify-content:center}.token-pick{width:52px;height:52px;border-radius:50%;border:3px solid var(--seat-color, var(--accent));background:var(--seat-color, var(--accent));color:#1a1410;font-weight:700;font-size:1.05rem}.coin-pot{display:flex;gap:4px;justify-content:center;align-items:flex-end;min-height:28px}.coin-pot-side{flex-shrink:0;margin-top:2px;padding:0;background:none}.coin-column{position:relative;width:14px;height:34px}.coin-disk{position:absolute;left:0;width:14px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f5d76e,#b8860b 70%);border:1px solid rgba(80,50,10,.45);box-shadow:0 1px 2px #00000059}@media(max-width:1100px){.table-app{grid-template-columns:1fr;grid-template-areas:"top" "stage" "left" "right"}.hud{max-height:none}.table-felt{border-radius:24px;margin:0}.token-on-cards{grid-template-columns:repeat(3,minmax(72px,1fr))}}