/* © Jonathan Bennett. All rights reserved. */
.page.wide{max-width:900px}.card-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin:12px 0}.card-panel h2{margin:0 0 8px;font-size:17px}.hint{color:var(--muted);font-size:14px;margin:6px 0}.warn{background:#fff0e0;color:#5a2d00;border-left:4px solid #e07b00;padding:8px 12px;border-radius:6px;--suit-S: var(--ol-S);--suit-H: var(--ol-H);--suit-D: var(--ol-D);--suit-C: var(--ol-C);--suit-NT: var(--ol-NT)}.row{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:end}.row label,label.block{display:flex;flex-direction:column;font-size:13px;color:var(--muted);gap:2px}label.block{margin-top:8px}.grow{flex:1 1 200px}input,select,textarea{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:6px 8px}textarea{width:100%}.msgs{list-style:none;margin:6px 0 0;padding:0;font-size:14px;--ok: var(--ok-ink);--amber: var(--warn-ink);--bad: var(--bad-ink)}.msgs li{padding:2px 0 2px 1.6em;position:relative;margin:0;background:none;border:0;border-radius:0;color:var(--ink);font-weight:400}.msgs li:before{position:absolute;left:0;width:1.4em;text-align:center;font-weight:700}.msgs .info:before,.msgs .good:before{content:"✓";color:var(--ok)}.msgs .good,.msgs .caution{color:var(--ink);font-weight:600}.msgs .caution:before{content:"⚠";color:var(--amber)}.msgs .bad{color:var(--bad);font-weight:600}.msgs .bad:before{content:"✗";color:var(--bad)}.tcadd{align-items:center}.recents{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.recents li{display:flex;gap:4px}.recents .open{flex:1;text-align:left;min-width:0;overflow-wrap:anywhere}.recents .icon{flex:none;padding:4px 10px}.recents input.rename{flex:1;font:inherit;padding:6px 8px}.recents-foot{margin-top:6px}.linkbtn{background:none;border:0;padding:4px 2px;color:var(--accent-ink, var(--ink));text-decoration:underline;cursor:pointer;font:inherit}.check.block{display:block;margin:8px 0}.toast{position:fixed;left:50%;bottom:16px;transform:translate(-50%);background:#1c2420;color:#fff;padding:10px 16px;border-radius:10px;box-shadow:0 4px 16px #0006;z-index:20;max-width:92vw}.toast .linkbtn{color:#ffd45e;font-weight:700}.seatpick{display:flex;gap:8px;flex-wrap:wrap}.seatpick button{font:inherit;font-weight:600;padding:6px 12px;border-radius:8px;border:2px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}.seatpick button[aria-checked=true]{border-color:var(--accent);background:#fff7e0;color:#2b2100}.pool{margin:8px 0}.pool .suitrow{min-height:36px;gap:3px}.pool .suitsym{background:transparent}.pc{font:inherit;font-weight:650;min-width:34px;height:34px;border-radius:6px;border:1px solid var(--line);background:#fff;cursor:pointer;padding:0 3px;position:relative}.pc[data-owner]{background:#e6efe9;color:#46514b;font-weight:500}.pc[data-owner]:after{content:attr(data-owner);position:absolute;right:1px;bottom:-1px;font-size:9px;color:#46514b}.pc.mine{background:#fff;box-shadow:0 0 0 3px var(--accent)}.hands{margin-top:8px}.hands>div{border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:15px}.hands .cnt.ok{color:#1a8a3a}.hands .cnt.bad{color:var(--red)}.hands .line{white-space:nowrap;font-variant-numeric:tabular-nums}.rec{margin-top:10px;background:var(--felt);color:#fff;border-radius:12px;padding:10px}.rec-trick{min-height:44px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.rec-trick .slot{min-width:0}.rec-trick .who{font-size:12px;opacity:.85}.rec-hand .suitrow{min-height:54px}.rc{display:inline-flex;flex-direction:column;align-items:center;border:0;background:transparent;padding:0;cursor:pointer;font:inherit;color:inherit}.rc .face{font-weight:650;min-width:36px;height:36px;display:grid;place-items:center;background:#fff;border-radius:6px 6px 0 0}.rc .dd{font-size:12px;font-weight:700;width:100%;text-align:center;border-radius:0 0 6px 6px;background:#777;color:#fff;padding:1px 0}.rc.best .dd{background:#1a8a3a}.rc.worse .dd{background:#b3261e}.rc.same .dd{outline:none}.rc:disabled{opacity:.5;cursor:default}.rc.mark .face{outline:2px solid var(--accent)}.tcomments{display:grid;gap:6px;margin-top:6px}.linkbox{width:100%;margin-top:8px;font-size:12px}@media (max-width: 420px){.bidbox{grid-template-columns:repeat(5,1fr)}.pc{min-width:30px}}.bidrows{display:grid;gap:8px;margin-top:8px}.bidrow{border:1px solid var(--line);border-radius:8px;padding:6px 10px}.bidrow.mine{border-color:var(--accent);background:var(--mine-bg, #fff7e033)}.bidhead{font-weight:650}label.check{flex-direction:row;align-items:center;gap:6px;color:var(--ink);font-size:14px}[hidden]{display:none!important}.boards{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}.boards li{border:1px solid var(--line);border-radius:8px}.boards button.board{width:100%;text-align:left;font:inherit;background:transparent;color:var(--ink);border:0;padding:8px 10px;cursor:pointer;border-radius:8px;display:block}.boards button.board:hover,.boards button.board:focus-visible{background:#fff7e033;outline:2px solid var(--accent)}.boards li.skipped{opacity:.7;padding:8px 10px}.boards li.current{border-color:var(--accent)}.boards .meta{color:var(--muted);font-size:14px;display:block}.boards .warn-line{color:#b35c00;font-size:14px;display:block}.boards .bad-line{color:var(--red);font-size:14px;display:block}.linkrow{padding:8px 10px;display:grid;gap:4px}.linkrow input{width:100%;font-size:12px}.lessonbox{border:2px solid var(--accent);border-radius:8px;padding:8px 10px;margin-top:8px;display:grid;gap:4px}body.dragging:after{content:"Drop the PBN file to import it";position:fixed;inset:8px;border:3px dashed var(--accent);border-radius:16px;background:#f2b63222;display:grid;place-items:center;font-size:22px;font-weight:650;pointer-events:none;z-index:10}.boards li>.meta,.boards li>.warn-line{padding:0 10px 6px}.wrongbox{border:1px dashed var(--line);border-radius:8px;margin:8px 0 0;padding:6px 10px 10px}.wrongbox legend{font-size:13px;color:var(--muted);padding:0 4px}.wrongrule{display:grid;grid-template-columns:1fr auto;gap:4px 6px;margin:6px 0;align-items:start}.wrongrule label{grid-column:1 / 3}.wrongrule textarea{width:100%}.wrongrule .wcalls{width:12em;max-width:100%}.pastewrap{display:flex;gap:8px;align-items:flex-start}.pastewrap textarea{flex:1;min-width:0;width:auto}@media (max-width: 560px){.pastewrap{flex-direction:column;align-items:stretch}.pastewrap .btn{align-self:flex-start}}.oddsbox{margin-top:.8rem}.oddsbox>summary{cursor:pointer;font-weight:600}.oddsbox .hint{margin:.5rem 0}.oddsrow{border:1px solid var(--line, #d8d8d8);border-radius:8px;padding:.4rem .6rem .6rem;margin:.5rem 0;display:flex;flex-wrap:wrap;gap:.4rem .9rem;align-items:center}.oddsrow legend{font-size:.85rem;padding:0 .3rem}.oddsrow .oc{white-space:nowrap;font-size:.9rem}.oddsrow input{width:4.6em;padding:.2rem .3rem}.oddsjob{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.4rem 0}.oddsjob[hidden]{display:none}.oddsjob progress{width:min(18rem,100%)}.oddsck{display:block;margin:.5rem 0}.batchopts{align-items:center;gap:12px;flex-wrap:wrap}.batchopts .hint{flex-basis:100%;margin:0}.rec-ask{margin-top:10px;padding:10px 12px;border:1px solid var(--accent);border-radius:10px}.rec-ask p{margin:0 0 8px}.recfrom{display:inline-flex;gap:6px;align-items:center}.recsel{font-size:13px;color:var(--muted);display:inline-flex;gap:4px;align-items:center}.rec-compass{display:grid;gap:8px 10px;grid-template-columns:minmax(0,1fr) minmax(130px,auto) minmax(0,1fr);grid-template-areas:". n ." "w m e" ". s .";align-items:start}.rec-seat{padding:6px 8px;border-radius:10px;background:#0003;min-width:0}.rec-seat.turn{outline:2px solid var(--accent);background:#0005}.rec-seat .who{font-size:12px;opacity:.9;margin-bottom:2px}.rs-N{grid-area:n;justify-self:center}.rs-S{grid-area:s;justify-self:center}.rs-W{grid-area:w}.rs-E{grid-area:e}.rec-mid{grid-area:m;text-align:center;font-size:13px;align-self:center;min-width:130px}.rec-mid .rec-tr{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center;margin-top:6px}.rec-mid .rec-tr.last{opacity:.75}.rec-seat .suitrow{min-height:26px;display:flex;flex-wrap:wrap;align-items:center;gap:2px}.rec-seat.turn .suitrow{min-height:54px;gap:3px}.rcs{font-weight:650;font-size:15px;min-width:15px;text-align:center}.rec-seat .suitsym{min-width:22px;text-align:center}.rec-comment{margin-top:8px}.rec-comment textarea{width:100%}@media (max-width: 640px){.rec-compass{grid-template-columns:1fr 1fr;grid-template-areas:"n n" "w e" "m m" "s s"}.rs-N,.rs-S{justify-self:stretch}.rc .face{min-width:28px;height:32px}.rec-seat.turn .suitrow{min-height:50px}}.takeover-box{margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.takeover-box h3{margin:0 0 4px;font-size:16px}.to-line{display:grid;gap:4px;margin:6px 0}.to-trick{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.to-trick .who{min-width:58px;font-size:12px;color:var(--muted)}.tocard{font:inherit;font-weight:650;padding:3px 8px;border-radius:6px;border:1.5px solid var(--line);background:var(--panel);cursor:pointer}.tocard.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.tocard:disabled{opacity:.45;cursor:default}.takeover-box textarea{width:100%}.shortbox{margin-top:8px;display:flex;flex-direction:column;gap:6px}.shortbox .short-msg:empty,.shortbox .short-user:empty{display:none}.shortbox .short-out{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.shortbox .short-out .linkbox{flex:1 1 260px;margin-top:0}.bgrid{list-style:none;padding:0;margin:8px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}.bgrid li{display:block}.chip{width:100%;min-height:52px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;cursor:pointer}.chip .bn{font-weight:700;font-size:17px;line-height:1.2}.chip .bm{font-size:11px;color:var(--muted);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.chip:hover,.chip:focus-visible{outline:2px solid var(--accent)}.bgrid li.current .chip{border:2px solid var(--accent);background:var(--accent-soft, #f2b63233)}.chip.warned .bn:after{content:" ⚠";font-size:11px;color:#b35c00}.bgrid li.skipped .chip{opacity:.6;cursor:not-allowed;text-decoration:line-through}.boardsbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px 0}.boardsbar .bpos{font-weight:650}@media (max-width: 600px){.bgrid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}}.field-err{margin:8px 0;padding:10px 12px;border-left:4px solid var(--red, #c4231c);background:var(--panel);color:var(--ink);border-radius:6px;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.field-err[hidden]{display:none}.forall{border:1px solid var(--line);border-radius:8px;padding:8px 12px 12px;margin:10px 0 0;min-width:0}.forall h3{margin:0 0 2px;font-size:16px}