:root{--bg-page: hsl(38, 18%, 91%);--bg-table: hsl(35, 40%, 88%);--bg-panel: #ffffff;--bg-trick: hsl(35, 35%, 92%);--bg-pill: #ffffff;--bg-back: linear-gradient(135deg, hsl(28, 32%, 32%) 0%, hsl(25, 38%, 18%) 100%);--border: hsl(38, 16%, 84%);--border-strong: hsl(38, 12%, 68%);--border-cell: hsl(38, 14%, 78%);--text: hsl(35, 20%, 14%);--text-secondary: hsl(35, 12%, 36%);--text-dim: hsl(35, 10%, 52%);--text-inverse: #ffffff;--suit-red: hsl(0, 65%, 42%);--suit-black: #1a1814;--accent-active: hsl(73, 70%, 36%);--accent-active-bg: hsla(73, 75%, 48%, .24);--accent-active-glow: hsla(73, 75%, 48%, .42);--accent-blue: var(--accent-active);--accent-blue-bg: var(--accent-active-bg);--accent-warm: hsl(228, 65%, 32%);--accent-warm-bg: hsla(228, 65%, 40%, .18);--accent-warm-glow: hsla(228, 65%, 40%, .32);--btn-primary: hsl(209, 79%, 50%);--btn-primary-hover: hsl(209, 79%, 43%);--btn-primary-bg: hsla(209, 79%, 50%, .12);--good: hsl(88, 62%, 37%);--bad: hsl(0, 60%, 50%);--shadow-card: 0 1px 3px hsla(35, 15%, 8%, .1);--shadow-panel: 0 1px 4px hsla(35, 15%, 8%, .08)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg-page);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;min-height:100%}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}.page{max-width:1480px;margin:0 auto;padding:16px 20px}.page-home{max-width:540px;padding-top:64px}html,body,#root{height:100%}.canvas-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-page);overflow:hidden}.canvas{position:relative;width:1280px;height:720px;flex:none;background:var(--bg-page);display:flex;flex-direction:column;padding:16px 20px;transform:scale(var(--canvas-scale, 1));transform-origin:center center}.page-loading,.page-error{text-align:center;padding-top:80px;color:var(--text-secondary)}.header h1{margin:0 0 4px;font-family:Georgia,Times New Roman,serif;font-size:30px;letter-spacing:-.01em;color:var(--text)}.subtitle{margin:0 0 24px;color:var(--text-secondary)}.tab-bar{display:flex;gap:4px;margin-bottom:16px}.tab{flex:1;background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:8px 12px;border-radius:6px}.tab-active{color:var(--text);border-color:var(--text);background:var(--bg-panel)}.card-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-panel)}.field{display:flex;flex-direction:column;gap:6px}.field>span{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.field input,.field select{background:var(--bg-pill);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font:inherit}.seat-picker{display:flex;gap:6px}.seat-button{width:44px;height:44px;border-radius:6px;border:1px solid var(--border);background:var(--bg-pill);color:var(--text);font-weight:600}.seat-selected{border-color:var(--btn-primary);background:var(--btn-primary-bg);color:var(--btn-primary)}.primary-button{background:var(--btn-primary);color:var(--text-inverse);border:0;border-radius:6px;padding:10px 16px;font-weight:600}.home-block{display:flex;flex-direction:column;gap:10px}.home-block-title{margin:0;font-size:14px;font-weight:600;color:var(--text)}.home-block-hint{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.4}.home-block-divider{border:0;border-top:1px solid var(--border);margin:6px 0}.home-footer{margin-top:20px;text-align:center;font-size:12px;color:var(--text-secondary)}.home-footer a{color:var(--text);font-weight:600;text-decoration:none}.home-footer a:hover{text-decoration:underline}.primary-button:hover:not(:disabled){background:var(--btn-primary-hover)}.primary-button:disabled{opacity:.5}.link-button{background:transparent;color:var(--text-secondary);border:0;padding:4px 8px;text-decoration:underline}.link-button:hover{color:var(--text)}.error{background:#b5303814;border:1px solid var(--bad);color:var(--bad);padding:8px 10px;border-radius:6px;font-size:13px}.hint{color:var(--text-secondary);font-size:13px;margin:0}.invite-input{width:100%;font:inherit;background:var(--bg-pill);border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text)}.waiting-overlay{position:absolute;bottom:var(--centre-overlay-bottom);left:50%;transform:translate(-50%);z-index:5;width:480px;max-width:calc(100vw - 24px);background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:10px;box-shadow:var(--shadow-panel);padding:14px 18px;display:flex;flex-direction:column;gap:8px}.waiting-overlay-title{margin:0 0 2px;font-size:16px;font-weight:600;text-align:center}.waiting-overlay-line{margin:0;font-size:13px;color:var(--text);text-align:center;line-height:1.4}.waiting-overlay-actions{display:flex;gap:8px;justify-content:center;margin-top:4px}.waiting-overlay-hint{text-align:center;margin-top:4px}.game-pane-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border);flex:0 0 auto;font-size:13px;background:var(--bg-table);border-top-left-radius:10px;border-top-right-radius:10px;min-height:45px;box-sizing:border-box}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 8px 14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-panel);flex:0 0 auto}.sidebar-header-title{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13px}.sidebar-header-title .header-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-active)}.header-left{display:flex;align-items:center;gap:6px}.header-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-active);display:inline-block;transition:background-color .2s ease}.header-dot.header-dot-offline{background:var(--bad)}.header-title{font-weight:600;font-size:13px}.header-link{color:var(--text-secondary);font-size:13px}.header-link strong{color:var(--text);font-weight:600}.header-sep{color:var(--text-dim);margin:0 2px}.header-right{display:flex;align-items:center;gap:8px;font-size:12px}.header-pill{background:var(--bg-pill);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:12px;display:inline-flex;align-items:baseline;gap:4px}.header-pill strong{font-weight:700;font-size:15px}.header-pill .pill-suffix{color:var(--text-secondary);font-size:12px}.header-pill.header-pill-tricks{gap:6px}.header-pill-sep{display:inline-block;color:var(--text-dim);font-weight:400;margin:0 2px}.header-pill .suit-red{color:var(--suit-red)}.header-pill.target{background:transparent;border-color:transparent}.header-pill.subtle{color:var(--text-secondary)}.game-body{flex:1 1 0;display:grid;grid-template-columns:940px 280px;gap:20px;min-height:0}.game-table{display:flex;flex-direction:column;background:var(--bg-table);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-panel);width:940px;overflow:hidden}.game-table-grid{flex:1 1 0;display:grid;grid-template-columns:280px minmax(0,1fr) 280px;grid-template-rows:130px minmax(0,1fr) 130px;grid-template-areas:"n n n" "w center e" "s s s";align-items:center;justify-items:center;gap:8px;padding:12px;min-height:0}.seat-pos-top{grid-area:n}.seat-pos-right{grid-area:e}.seat-pos-bottom{grid-area:s}.seat-pos-left{grid-area:w}.seat-center{grid-area:center;align-self:stretch;display:flex;align-items:center;justify-content:center}.seat-panel{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;width:100%;height:100%;overflow:visible}.seat-stack{display:flex;flex-direction:column;align-items:flex-start;width:max-content}.seat-stack>.seat-label-line{margin-top:6px}.seat-panel.seat-pos-left{align-items:flex-start}.seat-panel.seat-pos-right{align-items:flex-end}.seat-panel.seat-pos-bottom,.seat-panel.seat-pos-top{align-items:center}.seat-label-line{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.seat-letter-circle{width:22px;height:22px;border-radius:50%;background:var(--bg-pill);border:1px solid var(--border-strong);color:var(--text);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.seat-letter-circle-active{background:var(--accent-active);color:var(--text-inverse);border-color:var(--accent-active);box-shadow:0 0 0 3px var(--accent-active-glow)}.seat-role-badge{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);padding:2px 6px;background:#0000000a;border-radius:4px}.seat-role-badge.role-declarer{color:var(--text);background:var(--bg-pill);border:1px solid var(--border-strong)}.seat-role-badge.role-dummy{color:var(--text-secondary);background:#0000000a}.seat-body-wrap{display:flex;align-items:center;width:max-content}.seat-pip-column{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:2px;padding-right:10px;font-size:12px;line-height:1.2;color:var(--text-secondary);white-space:nowrap}.seat-pip-column span.pip-red{color:var(--suit-red)}.seat-pip-row{display:flex;gap:8px;font-size:12px;color:var(--text-secondary);margin-bottom:4px;min-height:14px}.seat-pip-row-left{align-self:flex-start}.seat-pip-row-right{align-self:flex-end}.seat-pip-row span.pip-red{color:var(--suit-red)}.seat-label-line-left{align-self:flex-start}.seat-label-line-right{align-self:flex-end}.card{position:relative;background:var(--bg-panel);border:1px solid var(--border-cell);border-radius:5px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Arial,sans-serif;font-weight:700;-webkit-user-select:none;user-select:none;padding:0;box-shadow:var(--shadow-card);transition:transform 80ms ease,box-shadow 80ms ease,filter 80ms ease;display:block}.card.suit-red{color:var(--suit-red)}.card.suit-black{color:var(--suit-black)}.card-index{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.95}.card-rank{letter-spacing:-.02em}.card{width:72px;height:96px}.card .card-index{top:6px;left:8px}.card .card-rank{font-size:26px}.card .card-suit{font-size:24px;margin-top:0}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-8px);box-shadow:0 4px 10px #00000026}.card-disabled{cursor:default}.card-illegal{cursor:not-allowed;filter:saturate(.55);background:#faf6ec;border-color:#ddd5c2;box-shadow:none}.card-illegal:hover{transform:none;box-shadow:none}.card-back-solid{background:#8b694b;background-image:none;border:1.5px solid hsl(28,38%,22%)}:root{--card-cell-w: 36px;--card-cell-h: 32px}.hand-cell,.dummy-cell{position:relative;width:72px;height:96px;transition:transform .1s ease}.hand-grid{display:grid;grid-template-rows:repeat(3,var(--card-cell-h));grid-template-columns:repeat(15,var(--card-cell-w));width:calc(15 * var(--card-cell-w));height:calc(3 * var(--card-cell-h))}.hand-grid .hand-cell-clickable:hover~.hand-cell{transform:translate(var(--card-cell-w))}.dummy-grid{display:grid;grid-template-rows:repeat(9,var(--card-cell-h));width:max-content;height:max-content}.dummy-grid-rows-left .dummy-cell-clickable[data-suit=S]:hover~.dummy-cell[data-suit=S],.dummy-grid-rows-left .dummy-cell-clickable[data-suit=H]:hover~.dummy-cell[data-suit=H],.dummy-grid-rows-left .dummy-cell-clickable[data-suit=D]:hover~.dummy-cell[data-suit=D],.dummy-grid-rows-left .dummy-cell-clickable[data-suit=C]:hover~.dummy-cell[data-suit=C]{transform:translate(var(--card-cell-w))}.dummy-grid-rows-right .dummy-cell[data-suit=S]:has(~.dummy-cell-clickable[data-suit=S]:hover),.dummy-grid-rows-right .dummy-cell[data-suit=H]:has(~.dummy-cell-clickable[data-suit=H]:hover),.dummy-grid-rows-right .dummy-cell[data-suit=D]:has(~.dummy-cell-clickable[data-suit=D]:hover),.dummy-grid-rows-right .dummy-cell[data-suit=C]:has(~.dummy-cell-clickable[data-suit=C]:hover){transform:translate(calc(-1 * var(--card-cell-w)))}.you-status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.you-status .you-dot{width:22px;height:22px;border-radius:50%;background:var(--accent-active);color:var(--text-inverse);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.you-status .you-label-strong{color:var(--text);font-weight:600}.you-status .you-status-tag{letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:var(--text-dim)}.dummy-empty{color:var(--text-dim);font-style:italic;font-size:12px}.trick-area{position:relative;width:240px;height:240px}.trick-cards{position:relative;width:100%;height:100%}.trick-slot{position:absolute;width:72px;height:96px;display:flex;align-items:center;justify-content:center}.trick-slot-top{top:8px;left:50%;transform:translate(-50%)}.trick-slot-bottom{bottom:8px;left:50%;transform:translate(-50%)}.trick-slot-left{left:4px;top:50%;transform:translateY(-50%)}.trick-slot-right{right:4px;top:50%;transform:translateY(-50%)}.trick-slot-active .card{border-color:var(--accent-warm);border-width:2px}.trick-slot-empty{width:72px;height:96px;border:1.5px solid var(--accent-active);border-radius:5px;background:var(--accent-active-bg);position:relative}.trick-slot-empty:after{content:"·";color:var(--accent-active);font-size:36px;font-weight:700;line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trick-slot-empty-label{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:10px;color:var(--text-dim)}.auction-frame{position:relative;width:240px;height:240px}.auction-tiles{position:relative;width:100%;height:100%}.auction-slot{position:absolute;width:72px;height:72px;display:flex;align-items:center;justify-content:center}.auction-slot-top{top:20px;left:50%;transform:translate(-50%)}.auction-slot-bottom{bottom:20px;left:50%;transform:translate(-50%)}.auction-slot-left{left:4px;top:50%;transform:translateY(-50%)}.auction-slot-right{right:4px;top:50%;transform:translateY(-50%)}.auction-tile{width:100%;height:100%;border:1px solid var(--border-strong);background:var(--bg-panel);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--text)}.auction-tile .suit-red{color:var(--suit-red)}.auction-tile .suit-black{color:var(--suit-black)}.auction-tile .auction-tile-pass{color:var(--text-secondary);font-size:16px}.auction-tile .auction-tile-double{color:var(--bad)}.auction-tile .auction-tile-redouble{color:var(--good)}.auction-tile-empty{border:1.5px solid var(--accent-active);background:var(--accent-active-bg);position:relative}.auction-tile-empty:after{content:"·";color:var(--accent-active);font-size:36px;line-height:0;font-weight:700}.game-sidebar{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-panel);overflow:hidden}.sidebar-section{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:4px 8px}.sidebar-section+.sidebar-section{border-top:1px solid var(--border)}.sidebar-area-play .sidebar-card-body{flex:0 1 auto}.sidebar-area-bidding{padding-top:8px;padding-bottom:6px}.sidebar-header-bar{flex-direction:row;align-items:center;justify-content:space-between;padding:8px 12px}.action-btn.sidebar-menu-btn{font-weight:600;letter-spacing:.04em;padding:0 12px;font-size:12px;min-height:28px;display:inline-flex;align-items:center}.sidebar-card-body{flex:1 1 0;min-height:0;overflow-y:auto}.bidlog-corner-label{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);width:100%;height:100%}.bidlog-table{width:100%;border-collapse:separate;border-spacing:4px 2px;table-layout:fixed}.bidlog-table thead th{padding:0}.bidlog-table thead .bidlog-header-cell{display:flex;align-items:center;justify-content:center;height:24px;background:#0000000a;color:var(--text-secondary);font-size:12px;font-weight:700;border-radius:5px}.bidlog-table thead th:first-child .bidlog-header-cell{background:transparent}.bidlog-table tbody td{padding:0;vertical-align:middle;text-align:center}.bidlog-row-num{display:inline-flex;align-items:center;justify-content:center;height:28px;color:var(--text-secondary);font-size:13px;font-weight:700}.bidlog-cell{width:100%;height:28px;border:1px solid var(--border-cell);background:var(--bg-pill);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);border-radius:5px}.bidlog-cell-empty{color:transparent;background:var(--bg-pill)}.bidlog-cell-pending{background:var(--accent-active-bg);border-color:var(--accent-active);border-width:1.5px;position:relative}.bidlog-cell-pending:after{content:"·";color:var(--accent-active);font-size:20px;line-height:0;font-weight:700}.bidlog-cell-highlight{border-color:var(--accent-warm);border-width:2px}.bidlog-cell .suit-red{color:var(--suit-red)}.bidlog-cell .suit-black{color:var(--suit-black)}.bidlog-cell.call-pass{color:var(--text-secondary)}.bidlog-cell.call-double{color:var(--bad)}.bidlog-cell.call-redouble{color:var(--good)}:root{--centre-overlay-bottom: 28px}.bidding-card{width:100%;background:transparent;border:none;border-radius:0;box-shadow:none;padding:0}.bidding-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:0 4px}.bid-cell{height:48px;border:1px solid var(--border);background:var(--bg-pill);border-radius:6px;font-size:14px;font-weight:600;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:2px;color:var(--text)}.bid-cell.suit-red{color:var(--suit-red)}.bid-cell:hover:not(:disabled){background:#0000000a;border-color:var(--text-secondary)}.bid-cell:disabled{opacity:.32;cursor:not-allowed}.bidding-extras{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:4px;padding:0 4px}.bidding-extras .bid-cell{height:48px}.bidding-extras .bid-cell.bid-double{color:var(--bad)}.bidding-extras .bid-cell.bid-redouble{color:var(--good)}.bidding-extras .bid-cell.bid-auto{background:var(--btn-primary);color:var(--text-inverse);border-color:var(--btn-primary)}.bidding-extras .bid-cell.bid-auto:hover:not(:disabled){background:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}.bid-cell.bid-cell-suggested{border-color:var(--accent-active);border-width:2px;background:var(--accent-active-bg)}.bid-cell.bid-cell-suggested:hover:not(:disabled){background:var(--accent-active-glow)}.bid-help{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:auto;border-radius:50%;border:1px solid var(--border-strong);background:var(--bg-pill);font-size:14px;font-weight:700;color:var(--text-secondary);cursor:help}.bid-help:hover,.bid-help:focus-visible{outline:none;border-color:var(--btn-primary);color:var(--btn-primary)}.bid-help.bid-help-disabled{opacity:.32;pointer-events:none;cursor:default}.bid-help-tooltip{position:absolute;bottom:calc(100% + 6px);right:0;width:180px;padding:6px 10px;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:6px;box-shadow:var(--shadow-panel);font-size:12px;font-weight:400;color:var(--text);line-height:1.4;text-align:left;white-space:normal;display:none;z-index:10}.bid-help:hover .bid-help-tooltip,.bid-help:focus-visible .bid-help-tooltip{display:block}.sidebar-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:auto}.action-btn{background:var(--bg-pill);border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:6px;font-weight:500}.action-btn:hover:not(:disabled){background:#0000000a}.action-btn-primary{background:var(--btn-primary);color:var(--text-inverse);border-color:var(--btn-primary)}.action-btn-primary:hover:not(:disabled){background:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}.result-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:12px 14px;box-shadow:var(--shadow-panel);flex:0 0 auto}.result-card h3{margin:0 0 6px;font-size:13px;letter-spacing:.04em}.result-card p{margin:3px 0;font-size:13px}.mimic-line{color:var(--text-secondary);font-size:12px}.terminal-buttons{display:flex;gap:8px;margin-top:10px}.pos{color:var(--good)}.neg{color:var(--bad)}.scoreboard{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:10px 14px;box-shadow:var(--shadow-panel);flex:0 0 auto}.scoreboard-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}.scoreboard-header h3{margin:0;font-size:12px;letter-spacing:.04em}.scoreboard-totals{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.totals-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.totals-value{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums;margin-right:6px}.pending-pill{margin-left:6px;padding:2px 8px;background:#b4821e26;color:#8a5b00;border:1px solid rgba(180,130,30,.3);border-radius:999px;font-size:11px}.scoreboard-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:12px}.scoreboard-table th,.scoreboard-table td{border-bottom:1px solid var(--border);padding:6px 8px;text-align:left}.scoreboard-table th{color:var(--text-dim);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.scoreboard-table .num{text-align:right;font-variant-numeric:tabular-nums}.mimic-pending-cell{color:#8a5b00;font-style:italic}.match-history-popout{position:absolute;top:20px;bottom:var(--centre-overlay-bottom);left:50%;transform:translate(-50%);z-index:5;width:540px;max-width:calc(100vw - 24px);background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:10px;box-shadow:var(--shadow-panel);padding:10px 14px;display:flex;flex-direction:column;gap:8px}.seat-center{position:relative}.match-history-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}.match-history-header h3{margin:0;font-size:13px;letter-spacing:.04em}.match-history-close{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:8px;border-radius:50%;border:1px solid var(--border-strong);background:var(--bg-pill);color:var(--text);font-size:16px;font-weight:600;line-height:1;cursor:pointer;padding:0}.match-history-close:hover{background:var(--btn-primary);color:var(--text-inverse);border-color:var(--btn-primary)}.match-history-totals{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.match-history-table-wrap{flex:1 1 0;min-height:0;overflow-y:auto}.match-history-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums;table-layout:fixed}.match-history-table th,.match-history-table td{border-bottom:1px solid var(--border);padding:5px 8px;text-align:left}.match-history-table thead{position:sticky;top:0;z-index:1}.match-history-table thead th{color:var(--text-dim);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-panel);border-bottom:0;box-shadow:inset 0 -1px 0 var(--border-strong)}.match-history-table .num{text-align:right}.match-history-group-row .match-group-player,.match-history-group-row .match-group-mimic{border-bottom:0;box-shadow:inset 0 -1px 0 var(--border);text-align:center}.match-col-num{width:28px}.match-col-contract{width:96px}.match-col-tricks{width:48px}.match-col-points{width:56px}.match-col-imp{width:44px}.match-history-row-current{background:var(--accent-active-bg)}.match-history-row-current td{font-weight:600}.debug-page{max-width:1200px;margin:0 auto;padding:32px 24px;color:var(--text)}.debug-page h1{font-family:Georgia,Times New Roman,serif;margin:0 0 4px}.debug-section{margin-top:28px;border-top:1px solid var(--border);padding-top:16px}.debug-section h2{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 12px}.debug-row{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.debug-row-stacked{flex-direction:column;gap:16px}.debug-sample-stacked{display:block}.debug-sample-stacked>code{display:block;margin-bottom:4px}.debug-item{display:flex;align-items:flex-end;gap:4px}.debug-item code{font-size:11px;color:var(--text-dim);margin-right:8px;align-self:center}.debug-frame{background:var(--bg-table);border-radius:8px;border:1px dashed var(--border);padding:8px;display:inline-block}.debug-canvas-frame{width:1280px;height:720px;background:var(--bg-page);display:flex;flex-direction:column;padding:16px 20px;border:2px dashed var(--border-strong);border-radius:6px;margin:12px 0;overflow:hidden}