:root{--font:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius:14px;--cw:clamp(58px, 17.5vw, 92px);--tw:clamp(62px, 20vw, 96px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3ede2;--table-1:#fcf9f2;--table-2:#e4dac6;--surface:#fffdf8;--surface-2:#f0e9db;--text:#1e2330;--text-dim:#566070;--line:#1e233026;--line-strong:#1e233055;--accent:#a85a00;--accent-ink:#fff;--accent-soft:#a85a001f;--accent-glow:#c77a1c99;--danger:#b3261e;--danger-bg:#fbe4df;--pos:#157a3d;--neg:#b3261e;--shadow:0 10px 30px #3a2b1433;--scrim:#1a14088c;--back-a:#28376b;--back-line:#fff2;--back-brass:#dcb866;--av-0:#2f6f9f;--av-1:#8a4f7d;--av-2:#3f7d58;--av-3:#a06a2c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1218;--table-1:#1f3542;--table-2:#0a1016;--surface:#17212b;--surface-2:#213040;--text:#eef1f4;--text-dim:#a6b2c0;--line:#ffffff1f;--line-strong:#fff4;--accent:#f2b84b;--accent-ink:#1b1403;--accent-soft:#f2b84b24;--accent-glow:#f2b84baa;--danger:#ee7a65;--danger-bg:#4b1f19;--pos:#7fdc9b;--neg:#ff9a86;--shadow:0 12px 34px #000a;--scrim:#04070bb3;--back-a:#1d2a5c;--back-line:#ffffff18;--back-brass:#d9b25f;--av-0:#3b82b6;--av-1:#a5629a;--av-2:#4e9a6d;--av-3:#b9803a}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1218;--table-1:#1f3542;--table-2:#0a1016;--surface:#17212b;--surface-2:#213040;--text:#eef1f4;--text-dim:#a6b2c0;--line:#ffffff1f;--line-strong:#fff4;--accent:#f2b84b;--accent-ink:#1b1403;--accent-soft:#f2b84b24;--accent-glow:#f2b84baa;--danger:#ee7a65;--danger-bg:#4b1f19;--pos:#7fdc9b;--neg:#ff9a86;--shadow:0 12px 34px #000a;--scrim:#04070bb3;--back-a:#1d2a5c;--back-line:#ffffff18;--back-brass:#d9b25f;--av-0:#3b82b6;--av-1:#a5629a;--av-2:#4e9a6d;--av-3:#b9803a}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.35;overflow:hidden}h1,h2,h3{font-weight:700}a{color:var(--accent)}.app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;max-width:1100px;margin:0 auto;display:flex;position:relative}.topbar{align-items:center;gap:.6rem;min-height:48px;padding:.3rem .85rem;display:flex}.topbar h1{letter-spacing:.22em;text-transform:uppercase;color:var(--text);margin:0;font-size:1.05rem}.topbar h1:before{content:"";background:var(--accent);border-radius:2px;width:.55em;height:.55em;margin-right:.6em;display:inline-block;transform:rotate(45deg)}.menu{margin-left:auto;position:relative}.icon-btn{background:var(--surface);border:1px solid var(--line);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:12px;font-size:1.3rem}.menu-panel{z-index:60;background:var(--surface);border:1px solid var(--line);min-width:15rem;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:.75rem;padding:1rem;display:flex;position:absolute;top:calc(100% + 6px);right:0}.menu-panel label{justify-content:space-between;align-items:center;gap:.5rem;font-size:.92rem;display:flex}.menu-panel select{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:.35rem .5rem}.menu-panel .check{justify-content:flex-start}.menu-panel input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--accent)}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.menu-panel .seg label{cursor:pointer;min-height:38px;color:var(--text-dim);border-radius:9px;justify-content:center;font-weight:600;position:relative}.menu-panel .seg label.on{background:var(--accent);color:var(--accent-ink)}.seg input{opacity:0;cursor:pointer;position:absolute;inset:0}.seg label:focus-within{outline:3px solid var(--text);outline-offset:1px}.btn{font:inherit;background:var(--surface-2);min-height:44px;color:var(--text);border:1px solid var(--line-strong);cursor:pointer;border-radius:12px;padding:0 1.1rem;font-weight:600;transition:background-color .15s,opacity .15s}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 2px 10px var(--accent-soft)}.btn.danger{background:var(--danger-bg);border-color:var(--danger);color:var(--text)}.btn:disabled{opacity:.4;cursor:default}.btn.big{border-radius:16px;min-height:56px;padding:0 2.2rem;font-size:1.15rem}.btn:focus-visible,.icon-btn:focus-visible,.hand-card:focus-visible,.chip:focus-visible,.info-chip:focus-visible{outline:3px solid var(--text);outline-offset:2px}.start{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.5rem;min-height:0;padding:.5rem 1rem 1.5rem;display:flex;overflow-y:auto}.start>:first-child{margin-top:auto}.start>:last-child{margin-bottom:auto}.hero{width:8.5rem;height:7rem;margin-bottom:.4rem;position:relative}.hero-card{transform-origin:50% 120%;border-radius:8px;width:4.4rem;margin-left:-2.2rem;position:absolute;top:0;left:50%;box-shadow:0 6px 16px #0006}.hero-card.h1{transform:rotate(-16deg)}.hero-card.h2{transform:rotate(0)}.hero-card.h3{transform:rotate(16deg)}.start h2{letter-spacing:.2em;text-transform:uppercase;text-indent:.2em;margin:0;font-size:clamp(2.4rem,11vw,3.8rem)}.start .subtitle{color:var(--text-dim);margin:0 0 .8rem}.saved{text-align:left;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius);flex-direction:column;gap:.6rem;width:min(100%,26rem);margin-bottom:.4rem;padding:.8rem;display:flex}.saved small{color:var(--text-dim);display:block}.saved-totals{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.2rem .8rem;margin-top:.3rem;font-size:.85rem;display:flex}.saved-actions{gap:.5rem;display:flex}.saved-actions .btn{flex:1;padding:0 .5rem}.opts{text-align:left;border:0;gap:.4rem;width:min(100%,26rem);margin:0 0 .6rem;padding:0;display:grid}.opts legend{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.35rem;padding:0;font-size:.72rem}.opts.row{grid-template-columns:1fr 1fr}.opts.row legend{grid-column:1/-1}.opt{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:center;gap:.7rem;min-height:54px;padding:.4rem .85rem;display:flex}.opt.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.opt input{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.opt span{flex-direction:column;display:flex}.opt small{color:var(--text-dim);font-size:.75rem}.seed{text-align:center;color:var(--text-dim);opacity:.7;pointer-events:none;margin-top:-.2rem;padding-bottom:.2rem;font-family:ui-monospace,monospace;font-size:.62rem;display:block}.table{border:1px solid var(--line);background:radial-gradient(ellipse 80% 60% at 50% 42%, var(--table-1), var(--table-2) 100%), var(--table-2);border-radius:26px;flex:1;grid-template:"info""opps""centre"minmax(0,1fr)"own"/minmax(0,1fr);gap:.35rem;min-height:0;margin:0 .4rem .4rem;padding:.4rem .4rem .5rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #0000002e,inset 0 1px #ffffff14}.table:before{content:"";pointer-events:none;opacity:.5;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(115deg,#ffffff08 0 1px,#0000 1px 5px);position:absolute;inset:0}.table>*{position:relative}.card-svg,.back{width:100%;height:auto;display:block}.card-photo{aspect-ratio:240/407;background:#f4efe2;border-radius:5%/3%;display:block;position:relative;box-shadow:0 1px 2px #0006,0 3px 8px #0003;container-type:inline-size}.card-photo img{border-radius:inherit;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.card-fallback{filter:drop-shadow(0 1px 3px #0006)}.back{border-radius:8%/5.5%;box-shadow:0 1px 3px #0007}.info{scrollbar-width:none;flex-wrap:nowrap;grid-area:info;align-items:center;gap:.3rem;min-height:2rem;display:flex;overflow-x:auto}.info>*{white-space:nowrap;flex:none}.info-chip{font:inherit;background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:99px;padding:.28rem .65rem;font-size:.74rem;font-weight:600;line-height:1.2}.info-chip.strong{border-color:var(--accent);background:var(--accent-soft)}.info-chip.warn{background:var(--danger-bg);border-color:var(--danger)}.info-chip.link{cursor:pointer;min-height:32px;color:var(--accent)}.opps{grid-area:opps;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.seat{background:color-mix(in srgb, var(--surface) 82%, transparent);border:1px solid var(--line);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.25rem .45rem;min-width:0;padding:.35rem .4rem;display:grid;position:relative}.seat.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.avatar{color:#fff;background:linear-gradient(145deg, var(--av,#444), color-mix(in srgb, var(--av,#444) 65%, #000));border-radius:50%;place-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:grid;position:relative;box-shadow:inset 0 1px #fff4}.av-0{--av:var(--av-0)}.av-1{--av:var(--av-1)}.av-2{--av:var(--av-2)}.av-3{--av:var(--av-3)}.avatar .ring{border:2px solid var(--accent);pointer-events:none;border-radius:50%;animation:1.6s ease-out infinite pulse;position:absolute;inset:-4px}@keyframes pulse{0%{opacity:.95;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.partner-badge{background:var(--accent);border:2px solid var(--surface);border-radius:50%;width:16px;height:16px;animation:.45s cubic-bezier(.2,1.6,.4,1) both pop;position:absolute;bottom:-4px;right:-5px}.partner-badge:after{content:"";border:solid var(--accent-ink);border-width:0 2px 2px 0;width:4px;height:7px;position:absolute;top:1.5px;left:3.5px;transform:rotate(45deg)}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}.seat-meta{flex-direction:column;min-width:0;line-height:1.15;display:flex}.seat-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.seat-meta small{white-space:nowrap;text-overflow:ellipsis;color:var(--text-dim);font-size:.66rem;display:block;overflow:hidden}.seat-meta small>span{margin-right:.4em}.turn-tag{color:var(--accent);font-weight:800}.partner-tag{color:var(--accent);font-weight:700}.bubble{z-index:2;text-overflow:ellipsis;white-space:nowrap;background:var(--accent);max-width:85%;color:var(--accent-ink);border-radius:99px;padding:.05rem .5rem;font-size:.68rem;font-weight:700;position:absolute;top:-15px;right:6px;overflow:hidden;box-shadow:0 2px 6px #0004}.opp-backs{--bw:20px;padding-left:calc(var(--bw) * .62);grid-column:1/-1;justify-content:center;display:flex}.opp-backs .back{width:var(--bw);margin-left:calc(var(--bw) * -.62);flex:none}.status{justify-content:center;display:flex}.status .seat{box-shadow:none;background:0 0;border-color:#0000;grid-template-columns:auto auto;display:inline-grid}.status .seat.active{border-color:var(--accent);background:var(--accent-soft)}.status .seat-meta{flex-direction:row;align-items:baseline;gap:.5rem}.status .avatar{width:30px;height:30px;font-size:.9rem}.status .bubble{position:static}.centre{scrollbar-width:none;border:2px dashed #0000;border-radius:20px;flex-direction:column;grid-area:centre;justify-content:safe center;gap:.4rem;min-height:0;transition:background-color .15s,border-color .15s;display:flex;overflow-y:auto}.centre.drop-armed{border-color:var(--line-strong)}.centre.drop-ready{border:2px solid var(--accent);background:var(--accent-soft)}.trick{height:calc(var(--tw) * 2.15);flex:none;position:relative}.trick-slot{width:var(--tw);margin-left:calc(var(--tw) / -2);margin-top:calc(var(--tw) * -.8);--tx:0px;--ty:0px;--rot:0deg;transform:translate(var(--tx), var(--ty)) rotate(var(--rot));position:absolute;top:50%;left:50%}.from-b{--ty:calc(var(--tw) * .55);--rot:-3deg;z-index:4}.from-t{--ty:calc(var(--tw) * -.55);--rot:2deg;z-index:2}.from-r{--tx:calc(var(--tw) * .6);--ty:calc(var(--tw) * .1);--rot:6deg;z-index:3}.from-l{--tx:calc(var(--tw) * -.6);--ty:calc(var(--tw) * -.1);--rot:-6deg;z-index:1}.trick-slot.winner .card-photo,.trick-slot.winner .card-svg{box-shadow:0 0 0 3px var(--accent), 0 4px 14px var(--accent-glow)}.hint{text-align:center;color:var(--text-dim);margin:0;padding:.4rem;font-size:.88rem}.trick-winner{text-align:center;color:var(--accent);margin:0;font-size:.8rem;font-weight:700}.bidlog{background:color-mix(in srgb, var(--surface) 82%, transparent);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:.1rem .8rem;margin:0;padding:.45rem .7rem;font-size:.78rem;list-style:none;display:grid}.bidlog li{gap:.5rem;min-width:0;display:flex}.bidlog li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bidlog b{min-width:2.6rem}.panel{background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:.5rem;padding:.6rem;display:flex;box-shadow:0 4px 16px #0002}.panel h3{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);text-align:center;margin:0;font-size:.8rem}.panel p{color:var(--text-dim);text-align:center;margin:0;font-size:.8rem}.panel-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.panel-head h3{text-align:left}.highest{background:var(--accent-soft);border:1px solid var(--accent);white-space:nowrap;border-radius:99px;align-items:baseline;gap:.4rem;min-width:0;padding:.2rem .7rem;display:inline-flex}.highest b{color:var(--accent);font-size:1rem}.highest small{color:var(--text-dim);font-size:.66rem}.bid-grid .chip{overflow-wrap:break-word;padding:0 .2rem;font-size:.74rem}.bid-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.bid-actions{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.35rem;display:grid}.panel[data-testid=announce-panel]>.choices:last-child{z-index:1;background:var(--surface);padding-top:.3rem;position:sticky;bottom:-.1rem}@media (max-height:720px){.bid-grid .chip{min-height:32px;font-size:.7rem}.bid-grid,.bid-actions{gap:.25rem}.bid-actions .btn{min-height:38px}}.bubble.thinking{color:var(--text-dim);font-style:italic;animation:1.2s ease-in-out infinite thinking}@keyframes thinking{50%{opacity:.45}}.choices{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.4rem;display:grid}.btn.choice{min-height:44px;padding:0 .5rem;font-size:.9rem}.btn.choice.call{min-height:0;padding:.2rem}.chips{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.chip{font:inherit;background:var(--surface-2);min-height:40px;color:var(--text);border:1px solid var(--line-strong);cursor:pointer;overflow-wrap:anywhere;border-radius:12px;padding:0 .35rem;font-size:.8rem;font-weight:600;line-height:1.1}.chip:disabled{opacity:.35;cursor:default;border-style:dashed}.chip:not(:disabled):not(.on).bid{border-color:var(--accent)}.chip.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.chips .btn.choice{min-height:40px;padding:0 .7rem;font-size:.82rem}.mini-card{width:calc(var(--cw) * .62);display:block}.btn.choice.call .mini-card{width:calc(var(--cw) * .75)}.talon-cards{justify-content:center;gap:.25rem;display:flex}.talon-halves{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;display:grid}.talon-half{flex-direction:column;align-items:center;gap:.4rem;min-width:0;display:flex}.talon-half .btn{width:100%;min-height:44px;padding:0 .4rem;font-size:.85rem}.talon-half .talon-cards{flex-wrap:wrap}.talon-half .mini-card,.panel .talon-cards .mini-card{width:calc(var(--cw) * .5)}.discard-pile{text-align:center;width:70%;color:var(--text-dim);border:2px dashed var(--line-strong);border-radius:14px;align-self:center;padding:.5rem;font-size:.8rem;font-weight:600}.centre[data-dropzone=discard].drop-ready .discard-pile{border-color:var(--accent);color:var(--accent)}.own{flex-direction:column;grid-area:own;gap:.25rem;display:flex}.hand{--step:min(calc(var(--cw) * .64), calc((100cqw - var(--cw)) / max(var(--fan) - 1, 1)));justify-content:center;width:100%;padding:1.2rem .25rem .5rem;display:flex;container-type:inline-size}.hand-slot{width:var(--step);touch-action:none;flex:none;position:relative}.hand-slot:last-child{width:var(--cw)}.hand-card{--mid:calc((var(--n) - 1) / 2);--off:calc(var(--i) - var(--mid));cursor:pointer;width:100%;color:inherit;transform:translateY(calc(var(--off) * var(--off) * .35px)) rotate(calc(var(--off) * 1.2deg));transform-origin:calc(var(--cw) / 2) 120%;background:0 0;border:0;padding:0;transition:transform .18s ease-out;display:block;position:relative}.hand-card .card-svg{width:var(--cw);pointer-events:none;max-width:none}.hand-card.legal .card-photo,.hand-card.legal .card-fallback{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--accent) 70%, transparent), 0 3px 8px #0003}.hand-card.selected{z-index:5;transform:translateY(-1rem)scale(1.04)}.hand-card.selected .card-photo,.hand-card.selected .card-fallback{box-shadow:0 0 0 3px var(--accent), 0 6px 18px var(--accent-glow)}.hand-slot.dragging{z-index:50;cursor:grabbing}.hand-slot.dragging .hand-card{transition:transform .12s;transform:scale(1.12)}.hand-slot.dragging .card-photo{box-shadow:0 0 0 3px var(--accent), 0 14px 30px #0008}.hand-card:disabled{cursor:default;color:inherit}.hand-card.dim{cursor:not-allowed}.hand-card.dim .card-photo,.hand-card.dim .card-fallback{filter:brightness(.55)saturate(.55)}.hand-card.fresh .card-photo,.hand-card.fresh .card-fallback{outline:2px solid var(--accent);outline-offset:1px}.actions{justify-content:center;gap:.75rem;min-height:46px;padding:0 .5rem;display:flex}.actions .btn{flex:1;max-width:15rem;min-height:46px}@media (hover:hover){.hand-card:not(:disabled):not(.selected):hover{transform:translateY(-.5rem)}}.toast{z-index:30;background:var(--surface);border:1px solid var(--accent);box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem .8rem;font-size:.9rem;display:flex;position:absolute;top:3.2rem;left:.75rem;right:.75rem}.overlay{z-index:45;background:var(--scrim);place-items:center;display:grid;position:fixed;inset:0}.overlay-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;align-items:center;gap:.7rem;padding:1.2rem 1.6rem 1.3rem;display:flex}.count-ring{width:120px;height:120px}.ring-track{fill:none;stroke:var(--line-strong);stroke-width:7px}.ring-bar{fill:none;stroke:var(--accent);stroke-width:7px;stroke-linecap:round}.ring-num{fill:var(--text);font-variant-numeric:tabular-nums;font-size:34px;font-weight:800}.sheet-backdrop{z-index:70;background:var(--scrim);padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border:1px solid var(--line);width:100%;max-width:560px;max-height:92dvh;box-shadow:var(--shadow);padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));border-bottom:0;border-radius:24px 24px 0 0;flex-direction:column;gap:.6rem;display:flex;overflow-y:auto}.sheet h2{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:.8rem}.sheet h3{margin:.2rem 0 0;font-size:.85rem}.sheet p{margin:0;font-size:.88rem}.sheet .headline{font-size:1.45rem;font-weight:800;line-height:1.15}.sheet .sub{color:var(--text-dim);font-size:.85rem}.sheet-actions{gap:.5rem;display:flex}.sheet-actions .btn{flex:1}table.lines{border-collapse:collapse;width:100%;font-size:.85rem}table.lines th,table.lines td{text-align:right;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:.3rem .35rem}table.lines th:first-child{text-align:left;font-weight:500}table.lines thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:.7rem}table.lines tfoot th,table.lines tfoot td{border-top:2px solid var(--accent);font-weight:800}table.lines small{color:var(--text-dim)}.scores h3{margin:.4rem 0 .2rem}.pos{color:var(--pos)}.neg{color:var(--neg)}.app[data-animate=false] *,.app[data-animate=false] :before{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.app *,.app :before{transition:none!important;animation:none!important}}@media (min-width:900px){:root{--cw:92px;--tw:92px}.avatar{width:44px;height:44px;font-size:1.15rem}.seat-name{font-size:.95rem}.seat-meta small{font-size:.75rem}.opp-backs{--bw:28px}}@media (max-width:400px){.highest>small:first-child{display:none}.avatar{width:32px;height:32px;font-size:.9rem}.seat{column-gap:.35rem;padding:.3rem}}@media (max-height:700px){:root{--cw:clamp(50px, 15vw, 70px);--tw:clamp(54px, 16vw, 72px)}}.seat-meta small{flex-wrap:nowrap;align-items:center;gap:.28rem;display:flex;overflow:hidden}.seat-meta small>span{flex:none;margin-right:0}.mark{font-variant-numeric:tabular-nums;min-width:1.15rem;height:1.05rem;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:99px;justify-content:center;align-items:center;padding:0 .28rem;font-size:.66rem;font-weight:700;line-height:1;display:inline-flex}.mark svg{fill:currentColor;width:.72rem;height:.72rem}.mark.dealer svg rect:first-child{opacity:.45}.mark.declarer{color:var(--accent);border-color:var(--accent)}.mark.tricks:before{content:"";opacity:.7;border:1.5px solid;border-radius:1.5px;width:.4rem;height:.55rem;margin-right:.22rem}@media (max-width:480px){.turn-tag,.partner-tag{display:none}}.kontras{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;display:grid}.kontras .btn.choice{min-height:36px;padding:0 .3rem;font-size:.74rem;line-height:1.1}.panel .chips .chip{min-height:36px}.panel .choices{gap:.3rem}.panel .choices .btn.choice{min-height:40px}.panel .choices.cards{flex-wrap:wrap;justify-content:center;display:flex}.panel .choices.cards .btn.choice{min-width:5rem}.online{flex-direction:column;flex:1;gap:.6rem;width:min(100%,36rem);min-height:0;margin:0 auto;padding:.4rem 1rem 1.5rem;display:flex;overflow-y:auto}.online h2{margin:0;font-size:1.2rem}.online-head{align-items:center;gap:.7rem;display:flex}.online .sub,.online .whoami,.room-meta{color:var(--text-dim);margin:0;font-size:.85rem}.mode-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin:.6rem 0 0;font-size:.8rem}.link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:.6rem .3rem;text-decoration:underline}.lobby-actions,.room-actions,.consent-actions{flex-wrap:wrap;gap:.5rem;display:flex}.room-actions .big{flex:100%}.list-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin:.6rem 0 0;font-size:.8rem}.room-list,.seat-grid{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.room-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:.6rem;min-height:56px;padding:.4rem .85rem;display:flex}.room-row small,.seat-no{color:var(--text-dim);font-size:.78rem;display:block}.empty{color:var(--text-dim);margin:0}.field{color:var(--text-dim);gap:.25rem;font-size:.85rem;display:grid}.field.inline{grid-template-columns:auto 1fr;align-items:center}.field input,.field select{font:inherit;min-height:44px;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;padding:0 .7rem}.form-error{color:var(--text);background:var(--danger-bg);border:1px solid var(--danger);border-radius:10px;margin:0;padding:.5rem .7rem;font-size:.85rem}.form-error ul{margin:.25rem 0 0;padding-left:1.1rem}.notice{background:var(--accent-soft);border-radius:10px;margin:0;padding:.5rem .7rem;font-size:.85rem}.notice.banner{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.switches{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))}.switches legend{grid-column:1/-1}.switch{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;min-height:44px;padding:0 .7rem;font-size:.9rem;display:flex}.switch.on{border-color:var(--accent);background:var(--accent-soft)}.switch input{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.seat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:.3rem;padding:.6rem .85rem;display:grid}.seat-card.me{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.seat-name{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.seat-status{flex-wrap:wrap;gap:.4rem;display:flex}.tag,.lvl-badge,.state{border:1px solid var(--line-strong);color:var(--text-dim);border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.lvl-badge{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.tag.host{color:var(--accent)}.state.ready{color:var(--pos);border-color:var(--pos)}.state.off{color:var(--neg);border-color:var(--neg)}.consent{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius);gap:.4rem;padding:.7rem .85rem;display:grid}.consent-head{justify-content:space-between;gap:.6rem;display:flex}.ttl{font-variant-numeric:tabular-nums;color:var(--text-dim)}.diff,.consents,.ready-list{margin:0;padding-left:1.1rem;font-size:.85rem}.diff .pos,.ready-list .pos{color:var(--pos)}.diff .neg{color:var(--neg)}.hand-running{border:1px dashed var(--line-strong);border-radius:var(--radius);padding:.8rem}.ttl{white-space:nowrap}.online-head .btn{white-space:nowrap;flex:none}.online-table{flex-direction:column;flex:1;gap:.3rem;min-height:0;display:flex}.online-table .consent{margin:0 .4rem}.table-head{align-items:center;gap:.6rem;min-width:0;padding:0 .4rem;display:flex}.table-head .btn{white-space:nowrap;flex:none}.table-head .room-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seat-badges{flex-wrap:wrap;grid-column:1/-1;gap:.25rem;display:flex}.seat-badges .tag{padding:0 .4rem;font-size:.68rem}.toast.conn{z-index:50;justify-content:center;top:auto;bottom:.75rem}.table-error{z-index:31;text-align:center;position:absolute;bottom:40%;left:.75rem;right:.75rem}.online.fatal{align-content:start;gap:.8rem;display:grid}.online-table .consent{z-index:80;position:relative;box-shadow:0 4px 18px #0004}