.oh{--cw:50px;--ch:calc(var(--cw) * 1.4);align-items:start;gap:18px;margin:12px 0 8px;display:grid}@media (width>=900px){.oh{--cw:62px;grid-template-columns:minmax(0,580px) minmax(260px,1fr)}}.oh-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}.oh-top{align-items:stretch;gap:10px;display:flex}.oh-board{border-collapse:collapse;color:#2a2017;background:#fffaf1;border:0;border-radius:12px;flex:1;min-width:0;margin:0;font-size:.98rem;overflow:hidden}.oh-board th,.oh-board td{text-align:center;background:0 0;border:0;border-top:1px solid #e3d4bd;padding:3px 6px}.oh-board thead th{color:#4a3d30;border-top:0;padding-top:5px;font-size:.85rem;font-weight:800}.oh-board tbody th{text-align:left;white-space:nowrap;font-weight:800}.oh-board td[data-f=score]{font-family:var(--font-display);font-size:1.12rem;font-weight:900}.oh-board tr.you th,.oh-board tr.ahead td[data-f=score]{color:#1d5a3a}.oh-board td.made{color:#1d5a3a;font-weight:900}.oh-board td.over{color:#8a2d1a;font-weight:900}.oh-trump{width:calc(var(--cw) * 1.25 + 16px);background:#00000038;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:4px;padding:6px 4px;display:flex}.oh-trump-card{--cw:46px;--ch:64px;min-height:var(--ch);justify-content:center;align-items:center;display:flex}.oh-trump-card .pc .cc{display:block}.oh-trump-card .none{width:var(--cw);height:var(--ch);text-align:center;color:#fff8dd;border:2px dashed #fff9;border-radius:10px;justify-content:center;align-items:center;font-size:.85rem;font-weight:900;line-height:1.1;display:flex}.oh-trump-text{text-align:center;color:#fff8dd;max-width:none;margin:0;font-size:.85rem;font-weight:800;line-height:1.2}.oh-target{color:#e3f3e8;max-width:none;margin:6px 2px 0;font-size:.88rem;font-weight:700}.oh-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}.oh[data-players="3"] .oh-ring{grid-template-areas:"w t e"}.oh-seat[data-pos=n]{grid-area:n;justify-self:center}.oh-seat[data-pos=n] .oh-sname,.oh-seat[data-pos=n] .oh-sline:not(.small){display:inline}.oh-seat[data-pos=w]{grid-area:w;justify-self:start;min-width:64px}.oh-seat[data-pos=e]{grid-area:e;justify-self:end;min-width:64px}.oh-seat[hidden]{display:none}.oh-trick{grid-area:t}.oh-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}.oh-seat.turn,.oh-me.turn{border-color:#ffd166}.oh-seat.won-trick{background:#ffd16647}.oh-sname{font-family:var(--font-display);white-space:nowrap;font-size:1rem;font-weight:800;display:block}.oh-sline{color:#fff8dd;white-space:nowrap;font-weight:700;display:block}.oh-sline.small{color:#d7ecdd;font-size:.85rem;font-weight:600}.oh-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}.oh-who{color:#ffe3a3;white-space:nowrap;font-size:.8rem;font-weight:800;display:block}.oh-trick{width:calc(var(--cw) * 3 + 12px);height:calc(var(--ch) * 2.15);position:relative}.oh[data-players="3"] .oh-trick{height:calc(var(--ch) * 1.75)}.oh-slot{width:var(--cw);height:var(--ch);position:absolute}.oh-slot[data-pos=n]{left:calc(var(--cw) + 6px);top:0}.oh-slot[data-pos=s]{left:calc(var(--cw) + 6px);bottom:0}.oh-slot[data-pos=w]{left:0;top:calc(var(--ch) * .575)}.oh-slot[data-pos=e]{right:0;top:calc(var(--ch) * .575)}.oh[data-players="3"] .oh-slot[data-pos=w],.oh[data-players="3"] .oh-slot[data-pos=e]{top:0}.oh-slot .pc{position:absolute;inset:0}.oh-slot .pc.win{outline-offset:1px;outline:4px solid #ffd166}.oh-trick-cap{text-align:center;z-index:5;pointer-events:none;max-width:none;margin:0;position:absolute;bottom:-14px;left:-40px;right:-40px}.oh-trick-cap span{color:#fffdf7;background:#2a2017;border-radius:999px;padding:3px 10px;font-size:.9rem;font-weight:800;display:inline-block}.oh-trick.lastview .oh-slot .pc{filter:saturate(.85)}.oh-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}.oh-me .oh-sname,.oh-me .oh-sline{display:inline}.oh-me .oh-turn{color:#ffd166;margin-left:auto;font-weight:800}.oh-note{color:#fff8dd;background:#00000038;border-radius:10px;max-width:none;margin:8px 0 0;padding:8px 10px;font-size:.98rem;font-weight:650}.oh-note:empty{display:none}@media (width>=900px){.oh-note{display:none}}.oh-mistake{margin-top:8px}.oh-panel{background:#00000038;border-radius:14px;margin-top:10px;padding:10px}.oh-panel-title{color:#fff;max-width:none;margin:0 0 4px;font-size:1.05rem;font-weight:800}.oh-bid-sum{color:#fff8dd;max-width:none;margin:0 0 6px;font-size:.95rem;font-weight:650}.oh-bids{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding-top:6px;display:grid}.oh-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}.oh-bidbtn[aria-pressed=true]{background:#ffd166;border-color:#2a2017;box-shadow:inset 0 0 0 2px #2a2017}.oh-bidbtn.sug{border-width:3px;border-color:#1d5a3a}.oh-bidbtn.barred{color:#fffaf1;cursor:not-allowed;background:#5a4a3c;border-color:#5a4a3c}.oh-bidbtn.barred .oh-bidnum{line-height:1.1;text-decoration:line-through 3px}.oh-bidbtn .oh-x{font-size:.66rem;line-height:1.05;font-family:var(--font-body,inherit);text-align:center;padding:0 2px;font-weight:800;display:block}.oh-bidbtn .oh-x[hidden]{display:none}.oh-bidbtn:focus-visible{outline-offset:2px;outline:4px solid #93c5fd}.oh-bidbtn:disabled{opacity:.5;cursor:default}.oh-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;text-decoration:none;position:absolute;top:-8px;right:-6px}.oh-hook{color:#2a2017;background:#fffaf1;border-left:6px solid #8a2d1a;border-radius:10px;max-width:none;margin:10px 0 0;padding:8px 10px;font-size:.98rem;font-weight:700}.oh-hook[hidden]{display:none}.oh-suggest{color:#fff8dd;max-width:none;margin:8px 0 0;font-size:.98rem;font-weight:650}.oh-result{color:#fff}.oh-result h3{color:#fff;margin:0 0 6px;font-size:1.1rem}.oh-rt{border-collapse:collapse;color:#2a2017;background:#fffaf1;border:0;border-radius:10px;width:100%;margin:0;font-size:.95rem;overflow:hidden}.oh-rt th,.oh-rt td{text-align:right;background:0 0;border:0;border-top:1px solid #e3d4bd;padding:4px 8px}.oh-rt th:first-child,.oh-rt td:first-child{text-align:left}.oh-rt thead th{border-top:0;font-weight:800}.oh-rt td.made{color:#1d5a3a;font-weight:900}.oh-result p{color:#fff8dd;max-width:none;margin:6px 0 0;font-size:.95rem}.oh-hand{margin-top:12px;position:relative}.oh-hand[hidden]{display:none}.oh-hand .pc{position:absolute;top:12px;box-shadow:-2px 0 6px #00000047}.oh-hand .pc .cc{display:none}.oh-hand .pc .cr{font-size:calc(var(--cw) * .34);top:4px;left:5px}.oh-hand .pc .cs{font-size:calc(var(--cw) * .3);left:6px;top:calc(4px + var(--cw) * .36)}.oh-hand .pc.illegal{filter:brightness(.7)}.oh-hand .pc.trump{background:#fff0b8;border-color:#c99a2e}.oh-hand.wide .pc .cc{display:block}.oh-act{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.oh-act .btn{flex:160px}.oh-act .btn[hidden]{display:none}.oh-side{min-width:0}.oh-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){.oh-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}}.oh-presence{max-width:60ch;margin:0 0 12px;font-weight:650}.oh-actions{flex-wrap:wrap;gap:10px;display:flex}.oh-actions .btn{white-space:nowrap;flex:auto}.oh-actions .btn[aria-pressed=true]{color:#2a2017;background:#ffd166;border-color:#2a2017}.oh-friend-btn{width:100%;margin-top:10px}.oh-history,.oh-settings{border:1px solid var(--line);background:var(--surface);border-radius:14px;max-width:560px;margin-top:14px;padding:10px 14px}.oh-history summary,.oh-settings summary{cursor:pointer;font-weight:700}.oh-history-body{margin-top:8px;overflow-x:auto}.oh-history table{margin:0;font-size:.95rem}.oh-history th,.oh-history td{text-align:right;white-space:nowrap;padding:4px 8px}.oh-history th:first-child,.oh-history td:first-child{text-align:left}.oh-history tfoot td,.oh-history tfoot th{font-weight:900}.oh-settings fieldset{border:0;margin:8px 0 4px;padding:0}.oh-settings fieldset[hidden]{display:none}.oh-settings legend{margin-bottom:2px;padding:0;font-weight:700}.oh-settings label{align-items:center;gap:10px;padding:6px 0;font-size:.98rem;display:flex}.oh-settings input{flex:none;width:22px;height:22px}.oh-record{margin:6px 0 2px;font-size:.92rem}.oh-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}.oh-end::backdrop{background:#00000080}.oh-end h2{margin:0 0 8px}.oh-end-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.oh-noscript{color:#fff;padding:12px}@media (width<=420px){.oh-table{border-width:6px;border-radius:16px;padding:8px 8px 12px}.oh-board{font-size:.92rem}.oh-board th,.oh-board td{padding:3px 4px}.oh-seat{padding:3px 6px;font-size:.86rem}.oh-seat[data-pos=w] .oh-sname,.oh-seat[data-pos=e] .oh-sname{font-size:.9rem}.oh-sline.small{display:none}.oh{--cw:46px}.oh-bids{gap:5px}}