:root{--felt-deep:#06231c;--felt:#0d3b2e;--felt-light:#14574a;--gold:#e8c46a;--gold-dim:#a8894a;--ink:#f3efe3;--ink-soft:#b9b4a4;--crimson:#c0392b;--team-a:#6fd3c7;--team-b:#e8955a;--panel:rgba(6,28,22,.82);--panel-edge:hsla(43,73%,66%,.28);--radius:14px;--shadow:0 18px 40px rgba(0,0,0,.45)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--felt-deep);color:var(--ink);font-family:Georgia,Iowan Old Style,serif;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed}.scene-canvas{position:fixed;inset:0;z-index:0;display:block}.shell{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.home{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:40px 20px;text-align:center}.brand{font-size:clamp(64px,18vw,148px);line-height:.9;margin:0;letter-spacing:-.04em;color:var(--gold);text-shadow:0 6px 30px hsla(43,73%,66%,.28)}.brand-sub{font-size:clamp(13px,3.4vw,17px);letter-spacing:.42em;text-transform:uppercase}.brand-sub,.tagline{margin:0;color:var(--ink-soft)}.tagline{max-width:460px;font-size:15px;line-height:1.65}.card-panel{width:min(430px,100%);background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);padding:26px 24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:flex;flex-direction:column;gap:14px}.field-label{display:block;text-align:left;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:6px}input{width:100%;padding:13px 14px;font-family:inherit;font-size:16px;color:var(--ink);background:rgba(0,0,0,.34);border:1px solid hsla(43,73%,66%,.22);border-radius:9px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px hsla(43,73%,66%,.14)}input.code{letter-spacing:.42em;text-align:center;font-size:24px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.btn{padding:13px 18px;border-radius:9px;font-size:14px;letter-spacing:.13em;text-transform:uppercase;transition:transform .16s,background .2s,opacity .2s;border:1px solid transparent}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{background:linear-gradient(160deg,var(--gold),#c9a352);color:#21180a;font-weight:700}.btn-ghost{border-color:hsla(43,73%,66%,.4);color:var(--gold)}.btn:disabled{opacity:.4}.divider{display:flex;align-items:center;gap:12px;color:var(--ink-soft);font-size:11px;letter-spacing:.24em;text-transform:uppercase}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:hsla(43,73%,66%,.2)}.notice{color:#ffb4a6;font-size:13px;min-height:18px}.rules-link{color:var(--ink-soft);font-size:13px;text-decoration:underline;text-underline-offset:4px}.board{flex:1 1;display:grid;grid-template-rows:auto 1fr auto;grid-gap:8px;gap:8px;padding:10px;max-width:1180px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);padding:10px 14px}.board-code{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dim)}.board-code strong{display:block;font-size:23px;letter-spacing:.3em;color:var(--gold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.score-strip{display:flex;gap:18px;align-items:center}.score-team{text-align:center}.score-team span{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}.score-team strong{font-size:26px}.score-a strong{color:var(--team-a)}.score-b strong{color:var(--team-b)}.contract-chip{display:flex;align-items:center;gap:9px;padding:7px 13px;border-radius:999px;border:1px solid var(--panel-edge);background:rgba(0,0,0,.3);font-size:13px}.trump-suit{font-size:21px;line-height:1}.trump-suit.red{color:#ff7a6b}.trump-suit.black{color:var(--ink)}.trump-hidden{color:var(--gold-dim);letter-spacing:.14em;font-size:12px}.table{position:relative;border-radius:26px;min-height:400px;display:grid;grid-template-areas:".    north ." "west centre east" ".    south .";grid-template-columns:1fr minmax(180px,1.5fr) 1fr;grid-template-rows:auto 1fr auto;justify-items:center;padding:12px;grid-gap:6px}.seat,.table{align-items:center;gap:6px}.seat{display:flex;flex-direction:column;padding:9px 12px;border-radius:12px;border:1px solid transparent;transition:border-color .3s,background .3s,transform .3s;min-width:108px}.seat.north{grid-area:north}.seat.west{grid-area:west}.seat.east{grid-area:east}.seat.south{grid-area:south}.seat.active{border-color:var(--gold);background:hsla(43,73%,66%,.1);transform:scale(1.04);box-shadow:0 0 26px hsla(43,73%,66%,.2)}.seat.offline{opacity:.42}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:700;color:#08201a;background:var(--team-a)}.seat.team-b .avatar{background:var(--team-b)}.seat-name{font-size:13px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-meta{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.dealer-pip{display:inline-block;margin-left:5px;padding:1px 5px;border-radius:4px;background:var(--gold);color:#21180a;font-size:9px;letter-spacing:.1em}.back-fan{display:flex;gap:2px;height:26px}.back-card{width:16px;height:24px;border-radius:3px;background:repeating-linear-gradient(45deg,#7a2420,#7a2420 3px,#96302a 0,#96302a 6px);border:1px solid hsla(43,73%,66%,.45)}.centre{grid-area:centre;position:relative;width:100%;min-height:210px;display:grid;place-items:center}.trick-slot{position:absolute;transition:none}.trick-slot.p-north{top:0;left:50%;transform:translateX(-50%)}.trick-slot.p-south{bottom:0;left:50%;transform:translateX(-50%)}.trick-slot.p-west{left:0;top:50%;transform:translateY(-50%)}.trick-slot.p-east{right:0;top:50%;transform:translateY(-50%)}.centre-message{text-align:center;color:var(--ink-soft);font-size:14px;line-height:1.6;max-width:260px}.centre-message strong{color:var(--gold);display:block;font-size:17px;margin-bottom:5px}.playing-card{position:relative;width:var(--cw,62px);height:calc(var(--cw, 62px) * 1.45);border-radius:7px;background:linear-gradient(158deg,#fdfaf1,#e8e1cd);color:#1b1b1b;box-shadow:0 5px 14px rgba(0,0,0,.45);display:flex;flex-direction:column;justify-content:space-between;padding:5px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid rgba(0,0,0,.18);will-change:transform}.playing-card.red{color:var(--crimson)}.playing-card .corner{font-size:calc(var(--cw, 62px) * .24);font-weight:700;line-height:1;font-family:Helvetica Neue,Arial,sans-serif}.playing-card .corner.bottom{align-self:flex-end;transform:rotate(180deg)}.playing-card .pip{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--cw, 62px) * .52);opacity:.92}.playing-card .points{position:absolute;top:3px;right:4px;font-size:9px;font-family:Helvetica Neue,Arial,sans-serif;color:#8a7b4a;font-weight:700}.playing-card.selectable{cursor:pointer;transition:box-shadow .18s}.playing-card.selectable:hover{box-shadow:0 12px 26px hsla(43,73%,66%,.4)}.playing-card.muted{filter:grayscale(.7) brightness(.62)}.playing-card.chosen{box-shadow:0 0 0 3px var(--gold),0 12px 26px rgba(0,0,0,.5)}.playing-card.trump{background:linear-gradient(158deg,#fff8dc,#f1e3b0);border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 18px hsla(43,73%,66%,.55),0 5px 14px rgba(0,0,0,.45)}.playing-card.trump.chosen{box-shadow:0 0 0 3px var(--gold),0 0 18px hsla(43,73%,66%,.55),0 12px 26px rgba(0,0,0,.5)}.playing-card .trump-badge{position:absolute;left:50%;bottom:18%;transform:translateX(-50%);padding:1px 4px;border-radius:3px;background:var(--gold);color:#21180a;font-size:7px;font-weight:700;letter-spacing:.12em;pointer-events:none}.hand-area{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:10px}.hand{gap:6px;min-height:96px;align-items:flex-end}.hand,.prompt-row{display:flex;justify-content:center;flex-wrap:wrap}.prompt-row{align-items:center;gap:10px;min-height:42px}.prompt-text{font-size:14px;color:var(--gold);letter-spacing:.04em}.prompt-text.dim{color:var(--ink-soft)}.bid-grid{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:620px}.bid-chip{width:46px;height:40px;border-radius:8px;border:1px solid hsla(43,73%,66%,.34);color:var(--gold);font-size:16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:transform .14s,background .18s}.bid-chip:hover:not(:disabled){background:var(--gold);color:#21180a;transform:translateY(-3px)}.bid-chip:disabled{opacity:.22}.suit-row{display:flex;gap:10px}.log{max-height:74px;overflow-y:auto;font-size:12px;color:var(--ink-soft);line-height:1.6;border-top:1px solid hsla(43,73%,66%,.14);padding-top:8px}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:rgba(120,30,24,.94);color:#ffeae5;padding:11px 20px;border-radius:999px;font-size:14px;z-index:40;box-shadow:var(--shadow)}.overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:rgba(3,14,11,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px}.overlay-card{background:var(--panel);border:1px solid var(--panel-edge);border-radius:18px;padding:30px 28px;text-align:center;max-width:420px;width:100%;box-shadow:var(--shadow)}.overlay-card h2{margin:0 0 6px;color:var(--gold);font-size:28px}.overlay-card p{color:var(--ink-soft);line-height:1.6;margin:0 0 18px;font-size:15px}.result-table{width:100%;border-collapse:collapse;margin-bottom:18px;font-size:14px}.result-table td{padding:7px 4px;border-bottom:1px solid hsla(43,73%,66%,.14);text-align:left;color:var(--ink-soft)}.result-table td:last-child{text-align:right;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.seat-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.seat-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;background:rgba(0,0,0,.28);font-size:14px}.seat-row .tag{margin-left:auto;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.seat-row.empty{border:1px dashed hsla(43,73%,66%,.24);background:none;color:var(--ink-soft)}@media (max-width:720px){.table{grid-template-columns:78px 1fr 78px;min-height:330px;padding:4px}.seat{min-width:0;padding:6px}.avatar{width:36px;height:36px;font-size:15px}.seat-name{font-size:11px;max-width:74px}.playing-card{--cw:46px}.hand{gap:4px;min-height:74px}.board{padding:6px}.topbar{padding:8px 10px}.board-code strong{font-size:18px}}.trick-card{will-change:transform,opacity}.join-url{display:block;width:100%;margin-bottom:16px;padding:11px 14px;border-radius:9px;border:1px dashed hsla(43,73%,66%,.4);background:rgba(0,0,0,.3);color:var(--gold);font-family:SF Mono,Menlo,monospace;font-size:15px;letter-spacing:.04em;word-break:break-all;transition:background .2s}.join-url:hover{background:hsla(43,73%,66%,.12)}.screen-controls{display:flex;gap:6px;align-items:center}.icon-btn{width:38px;height:38px;border-radius:9px;border:1px solid hsla(43,73%,66%,.3);background:rgba(0,0,0,.3);font-size:16px;line-height:1;display:grid;place-items:center;transition:background .2s,transform .15s,border-color .2s}.icon-btn:hover{background:hsla(43,73%,66%,.16);border-color:var(--gold);transform:translateY(-1px)}.home .screen-controls{position:fixed;top:14px;right:14px;z-index:5}.bidding-board{background:rgba(4,20,16,.9);border:1px solid var(--panel-edge);border-radius:12px;padding:12px 14px;min-width:230px;box-shadow:var(--shadow)}.bidding-head{font-size:13px;color:var(--ink-soft);text-align:center;padding-bottom:9px;border-bottom:1px solid hsla(43,73%,66%,.16);margin-bottom:8px}.bidding-head strong{color:var(--gold);font-size:19px}.bidding-rows{display:flex;flex-direction:column;gap:3px}.bidding-row{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:7px;font-size:13px;border:1px solid transparent;transition:background .25s,border-color .25s,opacity .25s}.bidding-row.now{border-color:var(--gold);background:hsla(43,73%,66%,.12)}.bidding-row.holding .what{color:var(--gold);font-weight:700}.bidding-row.out{opacity:.4}.bidding-row.out .what{font-style:italic}.bidding-row .dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--team-a)}.bidding-row .dot.b{background:var(--team-b)}.bidding-row .who{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bidding-row .what{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink);font-size:13px}.bidding-row .holds{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#21180a;background:var(--gold);padding:2px 5px;border-radius:4px}.bidding-foot{margin-top:9px;font-size:11px;color:var(--ink-soft);text-align:center;line-height:1.5}.bid-chip.lowest{border-color:var(--gold);background:hsla(43,73%,66%,.16);font-weight:700}.bidding-head .head-note{display:block;font-size:11px;color:var(--ink-soft);margin-top:2px;letter-spacing:.04em}.bidding-row .challenges{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--team-b);border:1px solid rgba(232,149,90,.5);padding:1px 5px;border-radius:4px}