.sp{--cw:50px;--ch:calc(var(--cw) * 1.4);align-items:start;gap:18px;margin:12px 0 8px;display:grid}@media (width>=900px){.sp{--cw:62px;grid-template-columns:minmax(0,580px) minmax(260px,1fr)}}.sp-table{border:9px solid var(--wood-2);box-shadow:0 5px 0 var(--wood-3), 0 14px 30px #28180a38;color:#f4fff6;border-radius:22px;padding:10px 12px 14px;position:relative}.sp-card{border-collapse:collapse;color:#2a2017;background:#fffaf1;border:0;border-radius:12px;width:100%;margin:0;font-size:.98rem;overflow:hidden}.sp-card th,.sp-card td{text-align:center;background:0 0;border:0;border-top:1px solid #e3d4bd;padding:4px 6px}.sp-card thead th{color:#4a3d30;border-top:0;padding-top:5px;font-size:.85rem;font-weight:800}.sp-card tbody th{text-align:left;white-space:nowrap;font-weight:800}.sp-card td[data-f=score]{font-family:var(--font-display);font-size:1.15rem;font-weight:900}.sp-card tr[data-team="0"] th{color:#1d5a3a}.sp-card tr[data-team="1"] th{color:#8a2d1a}.sp-target{color:#e3f3e8;max-width:none;margin:4px 2px 0;font-size:.88rem;font-weight:700}.sp-ring{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:".n.""w t e";align-items:center;gap:4px 6px;margin-top:8px;display:grid}.sp-seat[data-seat="2"]{grid-area:n;justify-self:center}.sp-seat[data-seat="2"] .sp-sname,.sp-seat[data-seat="2"] .sp-sline:not(.small){display:inline}.sp-seat[data-seat="1"]{grid-area:w;justify-self:start;min-width:64px}.sp-seat[data-seat="3"]{grid-area:e;justify-self:end;min-width:64px}.sp-trick{grid-area:t}.sp-seat{text-align:center;background:#0003;border:3px solid #0000;border-radius:12px;min-width:0;max-width:100%;padding:5px 8px;font-size:.92rem;line-height:1.25}.sp-seat.turn,.sp-me.turn{border-color:#ffd166}.sp-seat.won-trick{background:#ffd16647}.sp-sname{font-family:var(--font-display);font-size:1rem;font-weight:800;display:block}.sp-sline{color:#fff8dd;white-space:nowrap;font-weight:700;display:block}.sp-sline.small{color:#d7ecdd;font-size:.85rem;font-weight:600}.sp-badge{color:#2a2017;vertical-align:middle;background:#ffd166;border-radius:6px;margin:1px 2px;padding:0 6px;font-size:.75rem;font-weight:800;display:inline-block}.sp-badge.nil{background:#cfe3f5}.sp-who{color:#ffe3a3;white-space:nowrap;font-size:.8rem;font-weight:800;display:block}.sp-trick{width:calc(var(--cw) * 3 + 12px);height:calc(var(--ch) * 2.15);position:relative}.sp-slot{width:var(--cw);height:var(--ch);position:absolute}.sp-slot[data-pos="2"]{left:calc(var(--cw) + 6px);top:0}.sp-slot[data-pos="0"]{left:calc(var(--cw) + 6px);bottom:0}.sp-slot[data-pos="1"]{left:0;top:calc(var(--ch) * .575)}.sp-slot[data-pos="3"]{right:0;top:calc(var(--ch) * .575)}.sp-slot .pc{position:absolute;inset:0}.sp-slot .pc.win{outline-offset:1px;outline:4px solid #ffd166}.sp-trick-cap{text-align:center;z-index:5;pointer-events:none;max-width:none;margin:0;position:absolute;bottom:-14px;left:-40px;right:-40px}.sp-trick-cap span{color:#fffdf7;background:#2a2017;border-radius:999px;padding:3px 10px;font-size:.9rem;font-weight:800;display:inline-block}.sp-trick.lastview .sp-slot .pc{filter:saturate(.85)}.sp-me{background:#0003;border:3px solid #0000;border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:8px;padding:5px 10px;font-weight:700;display:flex}.sp-me .sp-sname,.sp-me .sp-sline{display:inline}.sp-me .sp-turn{color:#ffd166;margin-left:auto;font-weight:800}.sp-note{color:#fff8dd;background:#00000038;border-radius:10px;max-width:none;margin:8px 0 0;padding:8px 10px;font-size:.98rem;font-weight:650}.sp-note:empty{display:none}@media (width>=900px){.sp-note{display:none}}.sp-mistake{margin-top:8px}.sp-panel{background:#00000038;border-radius:14px;margin-top:10px;padding:10px}.sp-panel-title{color:#fff;max-width:none;margin:0 0 8px;font-size:1.05rem;font-weight:800}.sp-bids{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;padding-top:6px;display:grid}.sp-bidbtn{color:#1f1b16;min-height:50px;font:inherit;font-family:var(--font-display);cursor:pointer;background:#fffdf7;border:2px solid #d8cdb9;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:2px 0;font-size:1.3rem;font-weight:900;display:flex;position:relative}.sp-bidbtn[data-bid="0"] .sp-bidnum{font-size:1.02rem}.sp-bidbtn[aria-pressed=true]{background:#ffd166;border-color:#2a2017;box-shadow:inset 0 0 0 2px #2a2017}.sp-bidbtn.sug{border-width:3px;border-color:#1d5a3a}.sp-bidbtn:focus-visible{outline-offset:2px;outline:4px solid #93c5fd}.sp-bidbtn:disabled{opacity:.5;cursor:default}.sp-sug{color:#ffd166;text-align:center;background:#1d5a3a;border:2px solid #fffdf7;border-radius:50%;width:22px;height:22px;font-size:.8rem;line-height:22px;position:absolute;top:-8px;right:-6px}.sp-suggest{color:#fff8dd;max-width:none;margin:8px 0 0;font-size:.98rem;font-weight:650}.sp-suggest strong{color:#ffd166}.sp-blind-btns{flex-wrap:wrap;gap:8px;display:flex}.sp-blind-btns .btn{flex:140px}.sp-result{color:#fff}.sp-result h3{color:#fff;margin:0 0 6px;font-size:1.1rem}.sp-rt{border-collapse:collapse;color:#2a2017;background:#fffaf1;border:0;border-radius:10px;width:100%;margin:0;font-size:.95rem;overflow:hidden}.sp-rt th,.sp-rt td{text-align:right;background:0 0;border:0;border-top:1px solid #e3d4bd;padding:4px 8px}.sp-rt th:first-child,.sp-rt td:first-child{text-align:left}.sp-rt thead th{border-top:0;font-weight:800}.sp-rt tr.total td,.sp-rt tr.total th{font-weight:900}.sp-result p{color:#fff8dd;max-width:none;margin:6px 0 0;font-size:.95rem}.sp-hand{margin-top:12px;position:relative}.sp-hand[hidden]{display:none}.sp-hand .pc{position:absolute;top:12px;box-shadow:-2px 0 6px #00000047}.sp-hand .pc .cc{display:none}.sp-hand .pc .cr{font-size:calc(var(--cw) * .34);top:4px;left:5px}.sp-hand .pc .cs{font-size:calc(var(--cw) * .3);left:6px;top:calc(4px + var(--cw) * .36)}.sp-hand .pc.illegal{filter:brightness(.7)}.sp-hand.wide .pc .cc{display:block}.sp-act{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.sp-act .btn{flex:160px}.sp-act .btn[hidden]{display:none}.sp-side{min-width:0}.sp-status{background:var(--surface);border:1px solid var(--line);max-width:60ch;min-height:4.8em;box-shadow:var(--shadow);border-radius:16px;margin:0 0 12px;padding:12px 16px;font-size:1.05rem;font-weight:600}@media (width<=899px){.sp-status{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;margin:0;padding:0;position:absolute;overflow:hidden}}.sp-presence{max-width:60ch;margin:0 0 12px;font-weight:650}.sp-actions{flex-wrap:wrap;gap:10px;display:flex}.sp-actions .btn{white-space:nowrap;flex:auto}.sp-actions .btn[aria-pressed=true]{color:#2a2017;background:#ffd166;border-color:#2a2017}.sp-friend-btn{width:100%;margin-top:10px}.sp-history,.sp-settings{border:1px solid var(--line);background:var(--surface);border-radius:14px;max-width:560px;margin-top:14px;padding:10px 14px}.sp-history summary,.sp-settings summary{cursor:pointer;font-weight:700}.sp-history-body{margin-top:8px;overflow-x:auto}.sp-history table{margin:0;font-size:.95rem}.sp-history th,.sp-history td{text-align:right;padding:4px 8px}.sp-history th:first-child,.sp-history td:first-child{text-align:left}.sp-settings fieldset{border:0;margin:8px 0 4px;padding:0}.sp-settings fieldset[hidden]{display:none}.sp-settings legend{margin-bottom:2px;padding:0;font-weight:700}.sp-settings label{align-items:center;gap:10px;padding:6px 0;font-size:.98rem;display:flex}.sp-settings input{flex:none;width:22px;height:22px}.sp-record{margin:6px 0 2px;font-size:.92rem}.sp-end{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:18px;width:calc(100vw - 32px);max-width:440px;padding:24px 26px}.sp-end::backdrop{background:#00000080}.sp-end h2{margin:0 0 8px}.sp-end-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.sp-noscript{color:#fff;padding:12px}@media (width<=420px){.sp-table{border-width:6px;border-radius:16px;padding:8px 8px 12px}.sp-card{font-size:.92rem}.sp-card th,.sp-card td{padding:3px 4px}.sp-seat{padding:3px 6px;font-size:.86rem}.sp-sline.small{display:none}.sp{--cw:46px}.sp-bids{gap:4px}}