:root{--felt: #276548;--felt-edge: #1c4c36;--card-bg: #fdfdf8;--card-border: #b9b9ad;--card-back: #7a99c4;--ink: #1a1a1a;--suit-red: #c0392b;--suit-black: #1a1a1a;--hud-bg: rgba(0, 0, 0, .35);--hud-ink: #f2f2ec;--select-lift: -14px;--card-w: clamp(44px, 7vw, 64px);--card-h: calc(var(--card-w) * 1.45);--radius: 8px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:radial-gradient(ellipse at center,var(--felt),var(--felt-edge));min-height:100vh;color:var(--ink)}.table{display:flex;flex-direction:column;gap:1rem;max-width:1000px;margin:0 auto;padding:.75rem;min-height:100vh}.hud{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:var(--hud-bg);color:var(--hud-ink);padding:.6rem 1rem;border-radius:var(--radius);font-size:1.05rem}.hud .status{flex:1}.hudbtn{font-size:1rem;padding:.45rem .9rem;border-radius:var(--radius);border:none;cursor:pointer}.hudbtn:disabled{opacity:.45;cursor:default}.coach{background:#fff9dbf2;color:#4a3d10;border-radius:var(--radius);padding:.55rem 1rem;font-size:1.05rem;min-height:1.4em}.continue{position:absolute;left:50%;bottom:calc(var(--card-h) * -.75);transform:translate(-50%);font-size:1.15rem;font-weight:600;padding:.6rem 1.6rem;border-radius:999px;border:none;background:#ffe97a;cursor:pointer;box-shadow:0 2px 8px #00000059}.played.winner .card.face{outline:3px solid #ffe97a}.led-chip{position:absolute;bottom:-.4rem;left:50%;transform:translate(-50%);background:#fffdf4;color:#4a3d10;border:1px solid var(--card-border);font-size:.7rem;font-weight:700;letter-spacing:.03em;padding:.05rem .45rem;border-radius:999px}.trickwrap{position:absolute;inset:0;transition:transform .6s cubic-bezier(.33,0,.15,1)}.trickwrap.swept{transform:scale(.42)}.trickwrap.swept.to-0{transform:translateY(-42%) scale(.42)}.trickwrap.swept.to-2{transform:translateY(42%) scale(.42)}.trickwrap.swept.to-3{transform:translate(-42%) scale(.42)}.trickwrap.swept.to-1{transform:translate(42%) scale(.42)}@media(prefers-reduced-motion:reduce){.trickwrap{transition:none}.lead-badge{animation:none}.cardbtn{transition:none}}.pane{position:fixed;right:1rem;top:4.5rem;width:min(320px,90vw);background:#fffdf4;border-radius:var(--radius);box-shadow:0 6px 24px #0006;padding:.8rem 1rem;z-index:10}.pane header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.pane-trick{position:relative;width:calc(var(--card-w) * 3.2);height:calc(var(--card-h) * 2.4);margin:0 auto}.pane-order{margin:.6rem 0 0;padding-left:1.2rem}.pane-order li{margin:.15rem 0}.setting{display:flex;gap:.6rem;align-items:flex-start;font-size:1rem}.setting input{width:1.3rem;height:1.3rem;margin-top:.15rem}.pane-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--card-border)}.pane-actions .hudbtn{background:#efece0}.auction{width:100%;border-collapse:collapse;font-size:1rem}.auction th{text-align:left;font-size:.8rem;letter-spacing:.03em;color:#6b6353;border-bottom:1px solid var(--card-border);padding:.2rem .4rem}.auction td{padding:.25rem .4rem}.auction-note{margin:.3rem 0 0}.devbar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:#00000040;border:1px dashed rgba(255,233,122,.7);border-radius:var(--radius);padding:.4rem .8rem;color:var(--hud-ink)}.devtag{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffe97a}.devnote{font-size:.9rem;opacity:.85}.sharelink{width:100%;font-size:.8rem;padding:.35rem .5rem;border:1px solid var(--card-border);border-radius:var(--radius);background:#fff;color:var(--ink)}.result-pane{width:min(380px,92vw)}.result-rows{list-style:none;margin:.2rem 0 .8rem;padding:0}.result-rows li{padding:.3rem 0;border-bottom:1px solid rgba(0,0,0,.07)}.result-rows li:last-child{border-bottom:none}.share-text{width:100%;resize:none;font:inherit;font-size:.85rem;padding:.45rem .55rem;border:1px solid var(--card-border);border-radius:var(--radius);background:#fff;color:var(--ink)}.tomorrow{margin:.2rem 0 0;font-size:.95rem;color:#6b6353}.pm-note{margin:.3rem 0;font-size:.92rem;color:#6b6353}.pm-btn{font-size:.85rem;padding:.2rem .6rem;margin-left:.3rem}.callchip{font:inherit;border:none;background:#efece0;border-radius:6px;padding:.2rem .55rem;cursor:pointer}.callchip.selected{background:#ffe97a;font-weight:600}.bid-explain{margin-top:.6rem;background:#f4f0e2;border-left:3px solid #ffe97a;border-radius:var(--radius);padding:.5rem .8rem;font-size:.95rem;text-align:left}.bid-explain p{margin:.3rem 0 0}.bidgate-backdrop{position:fixed;inset:0;background:#0c1e168c;display:flex;align-items:center;justify-content:center;z-index:20}.bidgate{background:#fffdf4;border-radius:var(--radius);box-shadow:0 10px 40px #00000080;padding:1.2rem 1.5rem 1.4rem;width:min(420px,92vw);text-align:center}.bidgate h2{margin:0 0 .4rem;font-size:1.4rem}.bidgate-intro{margin:0 0 .8rem;color:#4a3d10}.bidgate .auction{margin:0 auto}.bidgate .auction th,.bidgate .auction td{text-align:center}.bidgate-assign{font-weight:600;margin:.8rem 0 1rem}.bidgate-ok{position:static;transform:none;width:60%}.analysis{display:flex;flex-direction:column;gap:1rem}.ab-input textarea{width:100%;font:inherit;font-size:.9rem;padding:.5rem .6rem;border-radius:var(--radius);border:1px solid var(--card-border)}.ab-input-actions{display:flex;gap:.6rem;margin-top:.4rem}.ab-error{background:#fde8e4;color:#7a2418;border-radius:var(--radius);padding:.4rem .8rem}.ab-body{display:flex;flex-direction:column;gap:1rem}.ab-hands{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:.8rem}.ab-hand{background:#fffdf4;border-radius:var(--radius);padding:.5rem .8rem;font-size:1rem;line-height:1.45}.ab-seatname{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b6353}.ab-red{color:var(--suit-red)}.ddgrid{border-collapse:collapse;background:#fffdf4;border-radius:var(--radius);overflow:hidden}.ddgrid th{padding:.4rem .7rem;font-size:.85rem;color:#6b6353;text-align:center}.ddgrid tbody th{text-align:right}.ddgrid td{padding:.15rem;text-align:center}.ddcell{width:3rem;height:2.4rem;font-size:1.05rem;border:none;border-radius:var(--radius);background:#efece0;cursor:pointer}.ddcell.makes{background:#dcedc8;font-weight:700}.ddcell:hover{outline:2px solid #ffe97a}.ab-computing,.ab-note{color:var(--hud-ink);background:var(--hud-bg);border-radius:var(--radius);padding:.5rem .9rem;font-size:.95rem}.ab-note{margin:.6rem 0 0}.ab-share{display:flex;gap:.6rem;align-items:center}.ab-share .sharelink{flex:1;width:auto}@media(max-width:640px){.ab-hands{grid-template-columns:repeat(2,1fr)}}.result-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.result-actions .hudbtn{background:#ffe97a;font-weight:600}.technique{color:var(--hud-ink);background:var(--hud-bg);padding:.35rem .8rem;border-radius:999px;font-size:.95rem}.middle{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex:1}.hand{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;padding:.4rem;border-radius:var(--radius);min-height:calc(var(--card-h) + 20px)}.hand{position:relative}.hand.on-turn{outline:3px solid rgba(255,255,160,.8)}.lead-badge{position:absolute;top:-.9rem;left:50%;transform:translate(-50%);background:#ffe97a;color:#4a3d10;font-weight:700;font-size:.95rem;padding:.25rem .9rem;border-radius:999px;box-shadow:0 2px 6px #00000059;z-index:5;animation:badge-in .2s ease-out}.hcp-badge{position:absolute;top:-.7rem;left:.4rem;background:#00000073;color:#ffffffeb;font-size:.8rem;font-weight:600;padding:.15rem .6rem;border-radius:999px;z-index:4;white-space:nowrap}@keyframes badge-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.seat-1,.seat-3{flex-direction:column;flex-wrap:nowrap;max-width:calc(var(--card-w) + 16px)}.seat-1 .cardbtn:not(:first-child),.seat-3 .cardbtn:not(:first-child){margin-top:calc(var(--card-h) * -.78)}.cardbtn{background:none;border:none;padding:0;cursor:pointer;transition:transform .12s ease;border-radius:var(--radius)}.cardbtn:disabled{cursor:default}.cardbtn.selected{transform:translateY(var(--select-lift))}.cardbtn.legal:focus-visible{outline:3px solid #ffe97a}.cardbtn:not(.legal):not(:disabled){opacity:.9}.cardbtn.legal .card.face{box-shadow:0 1px 4px #00000059}.card{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:var(--card-w);height:var(--card-h);border-radius:var(--radius);border:1px solid var(--card-border)}.card.face{background:var(--card-bg)}.card.back{background:repeating-linear-gradient(45deg,var(--card-back),var(--card-back) 6px,#6a89b4 6px,#6a89b4 12px)}.card .rank{font-size:calc(var(--card-w) * .42);font-weight:700;line-height:1}.card .suit{font-size:calc(var(--card-w) * .38);line-height:1.1}.suit-0 .rank,.suit-0 .suit,.suit-3 .rank,.suit-3 .suit{color:var(--suit-black)}.suit-1 .rank,.suit-1 .suit,.suit-2 .rank,.suit-2 .suit{color:var(--suit-red)}.trickarea{position:relative;width:calc(var(--card-w) * 3.4);height:calc(var(--card-h) * 2.6);flex-shrink:0}.played{position:absolute}.played.from-0{top:0;left:50%;transform:translate(-50%)}.played.from-2{bottom:0;left:50%;transform:translate(-50%)}.played.from-3{left:0;top:50%;transform:translateY(-50%)}.played.from-1{right:0;top:50%;transform:translateY(-50%)}@media(max-width:640px){.seat-1,.seat-3{max-width:calc(var(--card-w) * .75)}}