*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#1a1a2e;color:#fff;overflow:hidden}#app{display:grid;grid-template-columns:1fr 360px;gap:8px;padding:8px;height:100vh;position:relative}#table{background:#0a5d3a;border-radius:12px;position:relative;min-height:0}#side-panel{background:#2a2a3e;border-radius:8px;padding:12px;overflow-y:auto;font-size:16px}#bid-box{position:absolute;top:50%;left:calc((100% - 384px)/2 + 8px);transform:translate(-50%,-50%);background:#2a2a3ef5;border:2px solid #555;border-radius:12px;padding:20px;z-index:20;box-shadow:0 8px 24px #00000080;min-width:340px}#deal-controls{position:absolute;bottom:20px;right:20px;z-index:10}.seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px}.seat-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;opacity:.7}.seat-N{top:16px;left:50%;transform:translate(-50%)}.seat-S{bottom:16px;left:50%;transform:translate(-50%)}.seat-W{left:16px;top:50%;width:160px;transform:translateY(-50%) rotate(90deg);transform-origin:50% calc(100% - 80px)}.seat-E{right:16px;top:50%;width:160px;transform:translateY(-50%) rotate(-90deg);transform-origin:50% calc(100% - 80px)}.seat-active .seat-label{color:#ffd166;opacity:1}.hand{display:flex;gap:0}.card{width:114px;height:160px;background:transparent;color:#000;border-radius:12px;margin-left:-45px;cursor:default;-webkit-user-select:none;user-select:none;position:relative;isolation:isolate;transition:transform .12s ease-out,box-shadow .12s ease-out;box-shadow:0 1px 3px #0000004d}.card:first-child{margin-left:0}.card-face{width:100%;height:100%;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.card.legal{cursor:pointer;box-shadow:0 0 0 3px #ffd166,0 1px 3px #0000004d}.card.legal:hover{transform:translateY(-10px);box-shadow:0 0 0 3px #ffd166,0 6px 12px #0006}.trick-area{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.trick-card{position:absolute;width:114px;height:160px;margin:0}.trick-N{transform:translate(-50%,calc(-50% - 100px))}.trick-S{transform:translate(-50%,calc(-50% + 100px))}.trick-W{transform:translate(calc(-50% - 80px),-50%)}.trick-E{transform:translate(calc(-50% + 80px),-50%)}.bid-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px}.bid-cell,.bid-action{background:#3a3a5e;border:1px solid #555;color:#fff;border-radius:6px;padding:10px;font-size:16px;font-weight:700;cursor:pointer}.bid-cell:hover:not(.illegal),.bid-action:hover:not(.illegal){background:#4a4a7e}.bid-cell.illegal,.bid-action.illegal{opacity:.3;cursor:not-allowed}.bid-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.bid-box-header{font-size:16px;margin-bottom:12px;opacity:.85;text-align:center}.panel-section{margin-bottom:14px}.panel-section h3{margin:0 0 6px;font-size:13px;letter-spacing:1px;opacity:.6;text-transform:uppercase}.bidding-history{font-size:18px;max-height:300px;overflow-y:auto}.bidding-history table{width:100%;border-collapse:collapse;table-layout:fixed}.bidding-history th,.bidding-history td{width:25%;padding:6px 4px;text-align:center;border-bottom:1px dashed #444;overflow:hidden}button.primary{background:#ffd166;color:#000;border:none;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:700;cursor:pointer}button.primary:hover{background:#ffe199}.spades-bid-grid{grid-template-columns:repeat(7,1fr)}.bid-readout{font-size:14px;opacity:.75;margin-top:4px}.variant-selector{display:flex;align-items:center;gap:8px;background:#1f1f2e;border-radius:6px;padding:8px 12px;margin-bottom:12px}.variant-selector label{font-size:14px;opacity:.7}.variant-selector select{background:#2a2a3e;color:#fff;border:1px solid #555;border-radius:4px;padding:4px 8px;font-size:15px}.hcp-readout,.tricks-readout{font-size:14px;opacity:.75;margin-top:4px}.scorecard table{width:100%;border-collapse:collapse;font-size:14px}.scorecard th,.scorecard td{padding:4px 6px;text-align:center;border-bottom:1px solid #444}.scorecard tfoot td{font-weight:700;border-top:2px solid #666;border-bottom:none}.session-banner{background:#ffd166;color:#000;border-radius:8px;padding:10px 14px;text-align:center;font-weight:700;margin-bottom:8px}.bid-cell[title],.auction-bid[title]{cursor:help}.bidding-history .auction-bid.bid-new{animation:bidHighlight 2.5s ease-out both}@keyframes bidHighlight{0%{background-color:#ffd166;color:#000;font-weight:700}60%{background-color:#ffd16699;color:#000;font-weight:700}to{background-color:transparent;color:inherit;font-weight:700}}.euchre-namesuit-actions{margin-bottom:8px}#bid-box .euchre-namesuit-actions+.bid-action{margin-top:8px}.euchre-up-card{position:absolute;width:114px;height:160px;margin:0;z-index:5}.up-card-N{top:230px;left:50%;transform:translate(-50%)}.up-card-S{bottom:230px;left:50%;transform:translate(-50%)}.up-card-W{left:320px;top:50%;transform:translateY(-50%)}.up-card-E{right:320px;top:50%;transform:translateY(-50%)}