:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{width:100%;min-height:100svh}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--card-red:#b8213e;--card-black:#1a1a1a;--felt-green:#0b5d33;--felt-green-dark:#063d21;--font-body:"Nunito", system-ui, sans-serif;--font-display:"Cinzel", "Nunito", system-ui, serif}.table,.casino-screen,.score-panel,.history-panel{font-family:var(--font-body)}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em}.table{background:radial-gradient(ellipse at center, var(--felt-green) 0%, var(--felt-green-dark) 100%);color:#fff;width:100%;height:100svh;position:relative;overflow:hidden}.table-header{text-align:left;text-shadow:0 1px 2px #00000080;z-index:2;flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute;top:12px;left:12px}.trump-row{align-items:center;gap:8px;display:flex}.trump-row .playing-card{width:34px;height:48px}.score-button{z-index:3;color:#d4af37;cursor:pointer;background:#0b5d33;border:2px solid #d4af37;border-radius:6px;padding:8px 14px;font-weight:700;position:absolute;top:12px;right:12px}.quit-button{z-index:3;color:#f28b82;cursor:pointer;background:#0b5d33;border:2px solid #b8213e;border-radius:6px;padding:8px 14px;font-weight:700;position:absolute;top:12px;right:110px}.history-button{z-index:3;color:#d4af37;cursor:pointer;background:#0b5d33;border:2px solid #d4af37;border-radius:6px;padding:8px 14px;font-weight:700;position:absolute;top:12px;right:212px}.history-button:disabled{opacity:.4;cursor:not-allowed}.bid-hint-popup{color:#1a1a1a;z-index:5;background:#fff;border:1px solid #d4af37;border-radius:6px;width:max-content;max-width:240px;margin-bottom:8px;padding:8px 10px;font-size:.7em;line-height:1.3;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0006}.seat{text-align:center;z-index:1;position:absolute;transform:translate(-50%,-50%)}.seat-name{text-shadow:0 1px 2px #0009;margin-bottom:4px;font-size:.85em}.seat-name.active{color:#d4af37}.thinking-indicator{vertical-align:middle;gap:2px;margin-left:4px;display:inline-flex}.thinking-indicator .dot{background:#d4af37;border-radius:50%;width:4px;height:4px;animation:1s ease-in-out infinite thinking-bounce}.thinking-indicator .dot:nth-child(2){animation-delay:.15s}.thinking-indicator .dot:nth-child(3){animation-delay:.3s}@keyframes thinking-bounce{0%,80%,to{opacity:.2}40%{opacity:1}}.seat-bid{color:#d4af37;margin-bottom:2px;font-size:.8em}.seat-cards{width:140px;height:56px;margin:0 auto;position:relative}.seat-cards .playing-card{transform-origin:50% 100%;transform:translateX(calc(-50% + var(--fan-offset-x,0px))) rotate(var(--fan-angle,0deg));transition:transform .45s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:50%}.seat-cards.active .playing-card{z-index:1}.playing-card{border:none;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;width:46px;height:64px;padding:4px 0 0 5px;font-size:1em;font-weight:700;display:flex;box-shadow:0 2px 4px #0006}.card-back{background:repeating-linear-gradient(45deg, var(--card-red), var(--card-red) 4px, #8e1a30 4px, #8e1a30 8px);border:2px solid #fff}.card-face{cursor:default;background:#fff}.card-face:not(:disabled){cursor:pointer}.card-face:disabled{opacity:.55}.trump-match{box-shadow:0 0 0 2px #d4af37,0 2px 4px #0006}.card-rank{font-size:.95em;line-height:1.1}.card-suit{font-size:1.1em;line-height:1.1}.trick-zone{width:220px;height:160px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trick-zone .playing-card{animation:.4s cubic-bezier(.34,1.56,.64,1) card-arrive;position:absolute;top:50%;left:50%}.trick-zone .playing-card.collecting{opacity:0;transition:left .5s cubic-bezier(.4,0,.2,1),top .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1),opacity .4s ease-in .2s;transform:translate(-50%,-50%)scale(.75)rotate(8deg)}@keyframes card-arrive{0%{opacity:0;transform:translate(calc(-50% + var(--from-x,0px)), calc(-50% + var(--from-y,0px))) rotate(var(--from-rot,0deg)) scale(.5)}60%{opacity:1;transform:translate(-50%, -50%) rotate(calc(var(--from-rot,0deg) * -.2)) scale(1.06)}to{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1)}}.trick-empty{color:#ffffff80;font-style:italic;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.next-turn-button{z-index:2;color:#063d21;cursor:pointer;background:#d4af37;border:3px solid #d4af37;border-radius:8px;padding:18px 36px;font-size:1.3em;font-weight:700;position:absolute;bottom:160px;left:50%;transform:translate(-50%)}.hand-bid{z-index:2;color:#d4af37;text-shadow:0 1px 2px #0009;font-size:.9em;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.hand-zone{z-index:2;touch-action:none;width:0;height:0;position:absolute;bottom:16px;left:50%}.hand-zone .playing-card{transform-origin:50% 100%;transform:translateX(calc(-50% + var(--fan-offset-x,0px))) rotate(var(--fan-angle,0deg));transition:transform .15s,z-index .15s;position:absolute;bottom:0;left:0}.hand-zone .playing-card:not(:disabled):hover{transform:translateX(calc(-50% + var(--fan-offset-x,0px))) rotate(var(--fan-angle,0deg)) scale(1.12);z-index:10}.hand-zone .playing-card.touch-raised{transform:translateX(calc(-50% + var(--fan-offset-x,0px))) translateY(-28px) rotate(var(--fan-angle,0deg)) scale(1.18);z-index:20}.bid-panel{z-index:2;text-align:center;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.bid-panel button{color:#d4af37;cursor:pointer;background:#0b5d33;border:1px solid #d4af37;border-radius:6px;padding:8px 14px;font-weight:700}.bid-stepper{justify-content:center;align-items:center;gap:24px;margin-top:10px;display:flex}.bid-stepper button{padding:4px 16px;font-size:1.3em}.bid-stepper button:disabled{opacity:.4;cursor:not-allowed}.bid-confirm{margin-top:14px}.bid-stepper-value{color:#d4af37;text-align:center;min-width:1.4em;font-size:1.6em;font-weight:700}.score-overlay{z-index:10;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.score-panel{color:#1a1a1a;background:#fff;border-radius:8px;min-width:280px;padding:20px}.history-panel{max-height:80vh;overflow-y:auto}.history-list{flex-direction:column;gap:10px;margin:0 0 12px;padding:0;list-style:none;display:flex}.history-trick{border-bottom:1px solid #ddd;padding-bottom:8px}.history-trick-cards{flex-wrap:wrap;gap:10px;display:flex}.history-card{opacity:.6;flex-direction:column;align-items:center;gap:2px;font-size:.75em;display:flex}.history-card.winner{opacity:1;font-weight:700}.history-card .playing-card{width:34px;height:48px}.casino-screen{background:radial-gradient(ellipse at center, var(--felt-green) 0%, var(--felt-green-dark) 100%);color:#fff;justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative}.casino-panel{background:var(--felt-green);text-align:center;color:#fff;border:3px solid #d4af37;border-radius:12px;padding:24px 32px;box-shadow:0 4px 12px #00000080}.casino-panel h1,.casino-panel h2{color:#d4af37;margin-top:0}.casino-button{color:#063d21;cursor:pointer;background:#d4af37;border:2px solid #d4af37;border-radius:6px;margin-top:12px;padding:10px 20px;font-weight:700}.podium-list{text-align:left;display:inline-block}.podium-rank-1{color:#d4af37;font-size:1.1em;font-weight:700}.podium-rank-2{color:silver;font-weight:700}.podium-rank-3{color:#b87333;font-weight:700}.bot-names{text-align:left;flex-direction:column;gap:6px;margin:12px 0;display:flex}.rules-recap{text-align:left;margin:12px 0;font-size:.85em}.rules-recap summary{cursor:pointer;color:#d4af37;font-weight:700}.casino-select{border:2px solid #d4af37;border-radius:6px;margin:0 8px;padding:6px 10px}.connect-field{flex-direction:column;align-items:center;gap:6px;display:flex}.connect-field .casino-select{box-sizing:border-box;width:220px;margin:0}.connect-columns{justify-content:center;gap:24px;margin-top:20px;display:flex}.connect-column{flex-direction:column;align-items:stretch;gap:8px;width:180px;display:flex}.connect-column h2{justify-content:center;align-items:center;min-height:2.6em;margin:0 0 4px;font-size:1.05em;line-height:1.3;display:flex}.connect-column .casino-select{box-sizing:border-box;width:100%;margin:0}.connect-column .casino-button{margin-top:0}.connect-back{margin-top:20px}.stats-table{border-collapse:collapse;color:#1a1a1a;background:#fff;border-radius:6px;width:100%;margin:12px 0;overflow:hidden}.stats-table th,.stats-table td{text-align:center;border:1px solid #ccc;padding:6px 10px}.stats-table tr.me{font-weight:700}.score-chart{margin:8px 0 16px}.score-chart svg{background:var(--felt-green-dark);border-radius:6px;width:100%;height:auto}.score-chart-gridline{stroke:#ffffff26;stroke-width:1px}.score-chart-tick{fill:#fff9;font-size:9px}.score-chart-end-label{fill:#fff;font-size:10px;font-weight:700}.score-chart-series{cursor:default;transition:opacity .15s}.score-chart-series.dimmed{opacity:.25}.score-chart-legend-item{cursor:default;border-radius:4px;padding:1px 4px;transition:background .15s}.score-chart-legend-item.active{background:#d4af3740}.score-chart-empty{color:#666;font-style:italic}.score-chart-legend{color:#1a1a1a;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:.85em;display:flex}.score-chart-legend-item{align-items:center;gap:4px;display:flex}.score-chart-swatch{border-radius:50%;width:10px;height:10px;display:inline-block}@media (width<=480px){.score-button,.quit-button,.history-button{padding:6px 10px;font-size:.85em;left:auto;right:8px}.score-button{top:8px}.history-button{top:44px}.quit-button{top:80px}.table-header{font-size:.85em;top:8px;left:8px}.playing-card{width:36px;height:50px}.seat-cards{width:100px;height:46px}}