/* © Jonathan Bennett. All rights reserved. */
:root{--bg: #f3f5f2;--panel: #ffffff;--felt: #1a5c40;--felt-dark: #134b34;--ink: #1c2420;--muted: #66706a;--red: #c4231c;--accent: #f2b632;--line: #d9dfda;--radius: 10px;color-scheme:light;--ol-ink: #1c2420;--ol-S: #1c2420;--ol-H: #c4231c;--ol-D: #ad5600;--ol-C: #1f5fbf;--ol-NT: #5b3fa6;--od-ink: #eef2ee;--od-S: #ffffff;--od-H: #ffb3ab;--od-D: #ffc266;--od-C: #a9c8ff;--od-NT: #d8ccff;--ok-ink: #146c2e;--warn-ink: #8a4b00;--bad-ink: #b3261e;--note-bg: #fff7e0;--note-ink: #3b2f00;--pg-S: var(--ol-S);--pg-H: var(--ol-H);--pg-D: var(--ol-D);--pg-C: var(--ol-C);--pg-NT: var(--ol-NT);--suit-S: var(--pg-S);--suit-H: var(--pg-H);--suit-D: var(--pg-D);--suit-C: var(--pg-C);--suit-NT: var(--pg-NT);--tint-S: #e4e7e5;--edge-S: #5f6862;--ink-S: #1c2420;--tint-H: #fbe1df;--edge-H: #c4231c;--ink-H: #c4231c;--tint-D: #fde6cc;--edge-D: #e07b00;--ink-D: #a35200;--tint-C: #dbe7fb;--edge-C: #1f5fbf;--ink-C: #1f5fbf;--tint-NT: #ebe5f9;--edge-NT: #5b3fa6;--ink-NT: #5b3fa6;--tint-P: #cdeee4;--edge-P: #14806a;--ink-P: #0b5a4a;--tint-X: #fbd0cd;--edge-X: #c4231c;--ink-X: #8f1712;--tint-XX: #cfe0fb;--edge-XX: #1f5fbf;--ink-XX: #123e85;--dis-bg: #eceeed;--dis-edge: #d3d8d5;--dis-ink: #8a948d}@media (prefers-color-scheme: dark){:root{--bg: #121714;--panel: #1b231e;--ink: #eef2ee;--muted: #9aa69f;--line: #2c3731;--red: #ff6b61;color-scheme:dark;--mine-bg: #f2b6321a;--ok-ink: #7fdc98;--warn-ink: #ffc266;--bad-ink: #ff8a80;--pg-S: var(--od-S);--pg-H: var(--od-H);--pg-D: var(--od-D);--pg-C: var(--od-C);--pg-NT: var(--od-NT);--dis-bg: #232b26;--dis-edge: #323d36;--dis-ink: #66716a}}:root[data-suits="2"]{--ol-D: #c4231c;--ol-C: #1c2420;--ol-NT: #1c2420;--od-C: #ffffff;--od-D: #ffb3ab;--od-NT: #ffffff;--tint-C: var(--tint-S);--edge-C: var(--edge-S);--ink-C: var(--ink-S);--tint-D: var(--tint-H);--edge-D: var(--edge-H);--ink-D: var(--ink-H);--tint-NT: var(--tint-S);--edge-NT: var(--edge-S);--ink-NT: var(--ink-S)}.card,.slot,.suitsym,.pc,.rc .face,.seatpick button[aria-checked=true],.rp-chip,.note,.rp-cap-body.tc,.feedback.hint{color:var(--ol-ink);--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)}.note,.rp-cap-body.tc{background:var(--note-bg);color:var(--note-ink)}.rp-cap-body.tc{padding:6px 10px;border-radius:6px;margin-top:4px;border-left:4px solid var(--accent)}.pool .suitsym{color:var(--ink);--suit-S: var(--pg-S);--suit-H: var(--pg-H);--suit-D: var(--pg-D);--suit-C: var(--pg-C);--suit-NT: var(--pg-NT)}.table,.compass,.dealt,.bidhands,.hand-static,.rec,.felt-text{color:var(--od-ink);--suit-S: var(--od-S);--suit-H: var(--od-H);--suit-D: var(--od-D);--suit-C: var(--od-C);--suit-NT: var(--od-NT)}.s-S{color:var(--suit-S)}.s-H{color:var(--suit-H)}.s-D{color:var(--suit-D)}.s-C{color:var(--suit-C)}.s-NT{color:var(--suit-NT)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-variant-emoji:text}.page{max-width:760px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.title{font-size:20px;margin:4px 2px 10px}.problem{margin-top:24px;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:var(--radius)}.problem h2{margin:0 0 6px;font-size:18px}.bar{display:flex;justify-content:space-between;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px}.label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.big{font-size:18px;font-weight:650}.auction-box{margin:10px 0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px 14px}.auction-box summary{cursor:pointer;font-weight:600}#auction{border-collapse:collapse;margin-top:8px;width:100%;max-width:320px}#auction th,#auction td{text-align:center;padding:4px 6px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}#auction th{font-size:12px;color:var(--muted);font-weight:600}.note{margin:10px 0;padding:10px 14px;border-left:4px solid var(--accent);border-radius:6px}.table{margin-top:10px;padding:10px;border-radius:16px;background:var(--felt);color:#fff;display:grid;gap:8px;grid-template-columns:76px 1fr 76px;grid-template-areas:"top top top" "left trick right" "bottom bottom bottom"}.top{grid-area:top}.left{grid-area:left}.right{grid-area:right}.bottom{grid-area:bottom}.trick{grid-area:trick}.seat{min-width:0}.seat-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;opacity:.85;margin-bottom:4px;text-align:center}.seat.active .seat-title{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:3px}.hidden-hand{background:var(--felt-dark);border-radius:8px;padding:8px 4px;text-align:center;font-size:13px;min-height:64px;display:flex;flex-direction:column;justify-content:center}.hidden-hand strong{font-size:18px}.revealed{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.hand{background:var(--felt-dark);border-radius:10px;padding:6px 8px}.suitrow{display:flex;align-items:center;gap:4px;min-height:40px;flex-wrap:wrap}.suitsym{width:22px;text-align:center;font-size:20px;background:#fff;border-radius:4px;line-height:1.4}.nocards{opacity:.6;padding-left:6px}.card{font:inherit;font-weight:650;min-width:32px;height:38px;padding:0 4px;border-radius:6px;border:1px solid #c9cfca;background:#fff;cursor:default}.card.playable{cursor:pointer;outline:2px solid var(--accent);outline-offset:0}.card.playable:hover,.card.playable:focus-visible{transform:translateY(-3px);box-shadow:0 3px 8px #0006}.card.dim{opacity:.45}.hand.dummy .suitsym:after{content:""}.trick{display:grid;place-items:center;grid-template-columns:1fr 1fr 1fr;grid-template-rows:44px 44px 44px;grid-template-areas:". t ." "l . r" ". b .";min-height:140px}.slot{font-size:22px;font-weight:700;background:#fff;border-radius:6px;padding:2px 8px;min-width:48px;text-align:center}.slot.win{outline:3px solid var(--accent)}.slot.t{grid-area:t}.slot.l{grid-area:l}.slot.r{grid-area:r}.slot.b{grid-area:b}.status{min-height:1.4em;margin:12px 2px 0;color:var(--muted)}.result{margin-top:14px;padding:14px 16px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line)}.result h2{margin:0 0 6px;font-size:20px}.result.good h2{color:#1a8a3a}.result.bad h2{color:var(--red)}.btn{font:inherit;font-weight:600;padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;margin:8px 8px 0 0}.btn.primary{background:var(--accent);border-color:var(--accent);color:#2b2100}@media (max-width: 420px){.page{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.table{grid-template-columns:60px 1fr 60px;padding:8px;gap:6px}.card{min-width:30px;height:40px}.big{font-size:16px}}.bidbox{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;max-width:420px;margin:8px 0}.bidbox button{font:inherit;font-weight:600;padding:6px 0;border-radius:6px;border:1.5px solid var(--bb-edge, var(--line));background:var(--bb-tint, #fff);color:var(--bb-ink, var(--ink));cursor:pointer;--suit-S: var(--ink-S);--suit-H: var(--ink-H);--suit-D: var(--ink-D);--suit-C: var(--ink-C);--suit-NT: var(--ink-NT)}.bidbox button:hover:not(:disabled),.bidbox button:focus-visible{filter:brightness(.96);box-shadow:0 1px 4px #0003}.bidbox .bb-S,.tv .bb-S{--bb-tint: var(--tint-S);--bb-edge: var(--edge-S);--bb-ink: var(--ink-S)}.bidbox .bb-H,.tv .bb-H{--bb-tint: var(--tint-H);--bb-edge: var(--edge-H);--bb-ink: var(--ink-H)}.bidbox .bb-D,.tv .bb-D{--bb-tint: var(--tint-D);--bb-edge: var(--edge-D);--bb-ink: var(--ink-D)}.bidbox .bb-C,.tv .bb-C{--bb-tint: var(--tint-C);--bb-edge: var(--edge-C);--bb-ink: var(--ink-C)}.bidbox .bb-NT,.tv .bb-NT{--bb-tint: var(--tint-NT);--bb-edge: var(--edge-NT);--bb-ink: var(--ink-NT)}.bidbox .bb-P,.tv .bb-P{--bb-tint: var(--tint-P);--bb-edge: var(--edge-P);--bb-ink: var(--ink-P)}.bidbox .bb-X,.tv .bb-X{--bb-tint: var(--tint-X);--bb-edge: var(--edge-X);--bb-ink: var(--ink-X)}.bidbox .bb-XX,.tv .bb-XX{--bb-tint: var(--tint-XX);--bb-edge: var(--edge-XX);--bb-ink: var(--ink-XX)}.bidbox button:disabled{background:var(--dis-bg);border-color:var(--dis-edge);color:var(--dis-ink);cursor:default;box-shadow:none;filter:none;font-weight:500;--suit-S: var(--dis-ink);--suit-H: var(--dis-ink);--suit-D: var(--dis-ink);--suit-C: var(--dis-ink);--suit-NT: var(--dis-ink)}.bidbox button.special{font-weight:700}.auction-table{border-collapse:collapse;margin:6px 0;min-width:260px}.auction-table th,.auction-table td{text-align:center;padding:3px 10px;border-bottom:1px solid var(--line)}.auction-table th{font-size:12px;color:var(--muted)}.hand-static{background:var(--felt-dark);border-radius:10px;padding:6px 8px;color:#fff}.hand-static .card{display:inline-grid;place-items:center}.bidhands{display:grid;gap:8px;margin:10px 0;padding:10px;background:var(--felt);border-radius:16px;color:#fff}.auction-table button.alert{font:inherit;background:none;border:0;border-bottom:1px dotted var(--muted);color:inherit;cursor:pointer;padding:0}.auction-table td.next{color:var(--muted)}.explain{margin:8px 0}.row{display:flex;flex-wrap:wrap;gap:8px}.summary{margin-top:12px;padding:14px 16px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line)}.summary h2{margin:0 0 6px;font-size:20px}.summary ol{padding-left:22px;margin:8px 0}.summary li{margin:4px 0}.lesson-list{padding-left:24px}.lesson-list li{margin:10px 0;font-size:18px}.lesson-list a{font-weight:650;color:var(--ink)}.lesson-meta{color:var(--muted);font-size:15px}.tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.tools .btn,.tools select{margin:0}.tools .rewind{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}.tools select,#claim-n,#student-name{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px}.btn:disabled{opacity:.45;cursor:default}a.btn{display:inline-block;text-decoration:none}.review-list{padding-left:22px}.review-list li{margin:4px 0}.review h3,#review h3{margin:14px 0 6px;font-size:16px}.dealt{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0;padding:10px;background:var(--felt);border-radius:12px;color:#fff}.dealt .seat-title{margin-bottom:2px}.sendbox{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.sendbox .row{align-items:center}@media (max-width: 560px){.dealt{grid-template-columns:1fr}}.rp{outline:none;margin:6px 0}.rp-status{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-weight:650;font-variant-numeric:tabular-nums}.rp-score{color:var(--muted);font-weight:600;white-space:nowrap}.rp .compass{margin:6px 0}.rp-cross{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(3,auto);grid-template-areas:". n ." "w . e" ". s .";justify-content:center;align-items:center;gap:3px 5px;width:100%}.rp-N{grid-area:n}.rp-W{grid-area:w}.rp-E{grid-area:e}.rp-S{grid-area:s}.rp-c{min-height:24px;min-width:30px;display:grid;place-items:center}.rp-chip{display:inline-flex;align-items:baseline;gap:1px;padding:2px 5px;border-radius:5px;background:#fff;color:#1c2420;font-weight:700;font-size:13px;line-height:1.3;box-shadow:0 1px 3px #0005;animation:rp-pop .18s ease-out}.rp-chip.win{outline:3px solid var(--accent);outline-offset:1px}@keyframes rp-pop{0%{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.rp-chip{animation:none}}.compass .chand.win{outline:3px solid var(--accent);outline-offset:-1px}.compass .chand.last{outline:1px solid #ffffff99;outline-offset:-1px}.rp-caption{min-height:4.6em;padding:8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.rp-cap-head{font-weight:650}.rp-cap-body{margin-top:2px;color:var(--ink);font-size:14.5px}.rp-controls{display:grid;grid-template-columns:repeat(5,minmax(0,auto));justify-content:start;gap:8px;margin:8px 0 4px}.rp-controls .btn{margin:0;min-height:44px;padding:8px 14px;white-space:nowrap}.rp-scrub{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0;font-size:14px;color:var(--muted)}.rp-scrub label{display:flex;align-items:center;gap:10px;flex:1 1 220px}.rp-scrub-t{white-space:nowrap;min-width:6.5em;color:var(--ink);font-weight:600}.rp-range{flex:1;min-height:32px;accent-color:var(--muted)}.rp-text{margin-top:6px}.rp-text summary{cursor:pointer;padding:6px 0;color:var(--muted)}.rp-list{padding-left:26px;margin:4px 0}.rp-list li{padding:2px 0}.rp-list .tc{display:block;color:var(--muted);font-style:italic;font-size:14px}@media (max-width: 560px){.rp-controls{grid-template-columns:repeat(5,minmax(0,1fr))}.rp-controls .btn{padding:8px 2px;min-height:48px}.rp-t{display:none}}.compass .cmid-in{width:100%;white-space:nowrap}.compass{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:". n ." "w m e" ". s .";gap:6px;margin:8px 0;padding:8px;background:var(--felt);color:#fff;border-radius:14px;font-size:14px}.compass .c-N{grid-area:n}.compass .c-W{grid-area:w}.compass .c-E{grid-area:e}.compass .c-S{grid-area:s}.compass .cmid{grid-area:m;display:grid;place-items:center;text-align:center;font-weight:650;padding:4px;min-height:70px}.compass .chand{background:var(--felt-dark);border-radius:8px;padding:4px 8px;min-width:0}.compass .clabel{font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.85;margin-bottom:2px;text-align:center}.compass .cline{display:flex;gap:6px;align-items:baseline;line-height:1.45}.compass .cs{width:1.1em;text-align:center;flex:none}.compass .cr{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;letter-spacing:.02em}.compass .clabel .ok{color:#9be3a8}.compass .clabel .bad{color:#ffb4ab}@media (max-width: 420px){.compass{font-size:11px;gap:3px;padding:5px}.compass .cr{letter-spacing:0;word-spacing:-1px}.compass .chand{padding:3px 5px}.compass .cline{gap:3px}}.card.hinted{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--accent)}.hintbtns{display:inline-flex;gap:8px;margin-left:8px}.bidpanel{background:var(--bg);padding:6px 0 4px}.fbrow{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.feedback{flex:1 1 220px;margin:0;padding:8px 12px 8px 40px;min-height:3.1em;border-radius:10px;font-weight:600;position:relative;display:flex;align-items:center;border:2px solid var(--line);background:var(--panel)}.feedback:before{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:14px;line-height:1;color:#fff;background:var(--muted);content:"i";font-weight:800}.feedback.bad{border-color:#c4231c;background:#fef0ee;color:#7a1410}.feedback.bad:before{content:"✕";background:#c4231c}.feedback.good{border-color:#1a8a3a;background:#e3f5e8;color:#0f5a25}.feedback.good:before{content:"✓";background:#1a8a3a}.feedback.hint{border-color:#b8860b;background:var(--note-bg);color:var(--note-ink)}.feedback.hint:before{content:"?";background:#b8860b}@media (prefers-color-scheme: dark){.feedback.bad{background:#4a1b18;color:#ffd6d2}.feedback.good{background:#173d24;color:#c9f1d4}}.fbbtns{display:flex;flex-direction:column;gap:4px;justify-content:center}.fbbtns .btn{padding:4px 10px;font-size:14px}.bidbox button.tried{text-decoration:line-through;opacity:.55;color:#c4231c;border-color:#c4231c;background:#fde8e6}.bidbox button.tried [class^=s-]{color:inherit}.bidbox button.shake{animation:shake .45s,flashred .6s;opacity:1}.bidbox button.flash-good{animation:flashgreen .8s;opacity:1!important}.feedback.pulse-bad{animation:flashredbg .6s}.feedback.pulse-good{animation:flashgreenbg .8s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes flashred{0%,60%{background:#c4231c;color:#fff}}@keyframes flashgreen{0%,50%{background:#1a8a3a;color:#fff}}@keyframes flashredbg{0%{background:#c4231c}}@keyframes flashgreenbg{0%{background:#1a8a3a}}@media (prefers-reduced-motion: reduce){.bidbox button.shake,.feedback.pulse-bad,.feedback.pulse-good{animation:none}}@media (max-width: 600px){.bidpanel{position:sticky;bottom:0;z-index:5;border-top:1px solid var(--line);margin:0 -2px;padding:4px 2px}.bidbox{gap:3px;margin:4px 0;max-width:none}.bidbox button{padding:3px 0;font-size:14px;line-height:1.2}.feedback{font-size:14px;padding:6px 8px 6px 36px;min-height:2.8em}}.verdict{font-size:1.1rem;padding:8px 12px;border-radius:10px;border:2px solid var(--line)}.verdict.good{border-color:#1a8a3a;background:#e3f5e8;color:#0f5a25}.verdict.improve{border-color:#b8860b;background:#fff4cf;color:#5c4400}@media (prefers-color-scheme: dark){.verdict.good{background:#173d24;color:#c9f1d4}.verdict.improve{background:#4a3a0c;color:#ffe9a6}}.bidmistakes{padding-left:1.2em}.titlerow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dtoggles{display:flex;justify-content:flex-end;align-items:center;gap:4px 14px;margin:6px 0 2px;font-size:12px;color:var(--muted)}.dt-group{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.dt-seg{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel)}.dt-seg button{font:inherit;font-size:12px;line-height:1;padding:5px 8px;min-height:28px;border:0;background:transparent;color:var(--muted);cursor:pointer}.dt-seg button+button{border-left:1px solid var(--line)}.dt-seg button[aria-pressed=true]{background:var(--muted);color:var(--panel);font-weight:600}.dt-seg button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.dt-short{display:none}@media (max-width: 460px){.dtoggles{gap:4px 8px;font-size:11px}.dt-seg button{padding:5px 6px;font-size:11px}.dt-long{display:none}.dt-short{display:inline}}.title{padding-right:44px}.table,.bidhands,.hand-static{--cw: 58px;--ch: 84px;--step: 40px;--vstep: 24px;--gap: 8px;--back-w: 36px;--back-h: 50px}@media (max-width: 560px){.table,.bidhands,.hand-static{--cw: 46px;--ch: 66px;--step: min(32px, calc((100vw - 84px - var(--cw)) / 12));--vstep: 20px;--gap: 5px;--back-w: 32px;--back-h: 44px}}@media (max-width: 420px){.table,.bidhands,.hand-static{--cw: 38px;--ch: 58px;--step: min(27px, calc((100vw - 62px - var(--cw)) / 12));--vstep: 17px;--gap: 3px;--back-w: 28px;--back-h: 40px}}.card.face{display:inline-block;min-width:0;padding:0;border:0;background:transparent;position:relative;flex:none;outline:none;overflow:visible;font-weight:700}.card.face .cf{position:absolute;left:0;top:0;width:var(--cw);height:var(--ch);background:#fff;border:1px solid #b9c0bb;border-radius:7px;box-shadow:0 1px 3px #0004;overflow:hidden;text-align:left}.card.face .rk{position:absolute;left:3px;top:1px;font-size:15px;line-height:1.1}.card.face .st{position:absolute;left:3px;top:17px;font-size:14px;line-height:1}.card.face .big{position:absolute;right:3px;bottom:2px;font-size:26px;line-height:1;opacity:.9}.card.face.playable{cursor:pointer}.card.face.playable .cf{box-shadow:0 0 0 2px var(--accent),0 1px 3px #0004}.card.face.playable:hover,.card.face.playable:focus-visible{transform:translateY(-10px);z-index:4}.card.face.playable:focus-visible .cf{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--accent)}.card.face.dim .cf{filter:brightness(.74) saturate(.65)}.card.face.hinted{transform:translateY(-10px);z-index:4}.card.face.hinted .cf{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--accent)}.card.face:disabled{cursor:default;opacity:1}.hand.as-fan{padding:16px 8px 8px;overflow:visible}.hand.as-fan,.hand-static{container-type:inline-size}.fan{display:flex;justify-content:center;align-items:flex-end;height:var(--ch)}.fan-suit{display:flex;margin-left:var(--gap)}.fan-suit:first-child{margin-left:0}.fan .card.face{width:var(--step);height:var(--ch)}.fan .fan-suit:last-child .card.face:last-child,.fan .card.face:last-child{width:var(--cw)}.fan .fan-suit:not(:last-child) .card.face:last-child{width:var(--step)}.fan-static{padding-top:6px}.fan-static .card.face{cursor:default}.hand.as-cols{padding:8px}.dcols{display:flex;justify-content:center;gap:calc(var(--gap) * 2);align-items:flex-start}.dcol{display:flex;flex-direction:column;width:var(--cw)}.dcol .card.face{width:var(--cw);height:var(--vstep)}.dcol .card.face:last-child{height:var(--ch)}.dcol .card.face .st{left:auto;right:3px;top:1px;font-size:14px}.dcol .card.face.playable:hover,.dcol .card.face.playable:focus-visible{transform:translate(6px)}.dcol .card.face.hinted{transform:translate(6px)}.hidden-hand.backs-wrap{background:transparent;padding:0;min-height:0}.backs{position:relative;display:flex;align-items:center;justify-content:center}.backs.v{flex-direction:column;justify-content:flex-start;padding-bottom:4px;height:calc(var(--back-h) * 2.68 + 4px)}.backs.h{flex-direction:row;padding-right:0;min-height:var(--back-h)}.back{flex:none;width:var(--back-w);height:var(--back-h);border-radius:5px;border:2px solid #fff;box-shadow:0 1px 2px #0005;background:repeating-linear-gradient(45deg,#2d4f9f 0 4px,#24418a 4px 8px)}.backs.v .back+.back{margin-top:calc(var(--back-h) * -.86)}.backs.h .back+.back{margin-left:calc(var(--back-w) * -.72)}.backs-n{position:absolute;background:#fff;color:#1c2420;font-weight:800;font-size:13px;border-radius:10px;padding:0 7px;line-height:20px;box-shadow:0 1px 3px #0006}.backs.v .backs-n{bottom:-6px;left:50%;transform:translate(-50%)}.backs.h .backs-n{top:50%;left:50%;transform:translate(-50%,-50%)}.hidden-hand .hh-note{display:block;font-size:13px;margin-top:8px;text-align:center}.seat.hand-mode .hidden-hand:not(.backs-wrap){background:var(--felt-dark);padding:10px 6px}@media (max-width: 560px){.fan{--cw: 55px;--ch: 79px;--step: min(calc(var(--cw) * .85), calc((100cqw - var(--cw) - (var(--g) - 1) * var(--gap)) / var(--k)))}.fan .card.face .rk{font-size:18px;letter-spacing:-.5px}.fan .card.face .st{top:20px;font-size:17px}.fan .card.face .big{font-size:31px}.dcols{--cw: 50px;--ch: 72px;--vstep: 22px}}@media (max-width: 420px){.fan{--cw: 46px;--ch: 70px}.fan .card.face .rk{font-size:17px}.fan .card.face .st{top:18px;font-size:16px}.fan .card.face .big{font-size:28px}.dcols{--cw: 42px;--ch: 62px;--vstep: 19px}}.trick.face{grid-template-rows:repeat(3,calc(var(--ch) * .7));padding-bottom:calc(var(--ch) * .3);min-height:calc(var(--ch) * 2.4)}.slot.face{background:none;padding:0;min-width:0;width:var(--cw);height:var(--ch);position:relative;border-radius:7px;align-self:start;justify-self:center}.slot.face .card.face{width:var(--cw);height:var(--ch);display:block;cursor:default}.slot.face.win{outline:none}.slot.face.win .cf{box-shadow:0 0 0 3px var(--accent),0 1px 3px #0004}.slot.face .card.face .rk{font-size:16px}.feedback .fb-text{display:block}.card.face .cf{pointer-events:none}.odds-panel{margin:.6rem 0 1rem}.odds-wait{display:flex;gap:.6rem;align-items:center;color:var(--muted, #666)}.odds-wait progress{width:min(14rem,60%)}.odds-verdict{font-weight:600;padding:.6rem .8rem;border-radius:10px;border:1px solid var(--line);background:var(--panel);margin:.4rem 0 .8rem}.odds-verdict.good{border-color:#2e8b57}.odds-verdict.lucky{border-color:#c98a00}.odds-verdict.bad{border-color:#b3541e}.odds-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.odds-row{border:1px solid var(--line);border-radius:10px;padding:.5rem .7rem;background:var(--panel)}.odds-head{font-size:.88rem;color:var(--muted, #666);margin-bottom:.3rem}.odds-opts{display:flex;flex-wrap:wrap;gap:.4rem}.odds-opt{padding:.25rem .55rem;border-radius:999px;border:1px solid var(--line);background:var(--bg);font-size:.95rem;white-space:nowrap}.odds-opt.you{border-width:2px;border-color:var(--ink)}.odds-opt.best .tick{color:var(--ok-ink);font-weight:700}.odds-opt .youtag{font-size:.75rem;color:var(--muted, #666)}.odds-row.worse .odds-opt.you:not(.best){border-color:#b3541e}.odds-note{margin-top:.6rem}.concealed{position:relative;background:var(--felt-dark);border-radius:10px}.concealed>.hand{visibility:hidden}.concealed .hh-note{position:absolute;inset:0;display:grid;place-items:center;padding:0 12px;text-align:center;font-size:13px}#table.dealt>.seat,#table.dealt>.trick{display:none}.dealt-view{grid-column:1 / -1;grid-row:1 / -1}.dealt-view[hidden]{display:none}.dealt-view .compass{background:none;padding:0;margin:0}.dealt-view .dv-result{font-size:17px;line-height:1.35}.dealt-view .hand{background:none;padding:0}.dealt-view .dcols{--cw: 42px;--ch: 60px;--vstep: 17px;--gap: 3px;justify-content:center}.dealt-view .card.face .rk{font-size:12px}.dealt-view .card.face .st{font-size:11px}.dealt-view .card.face .big{font-size:19px}.dealt-view .dcol .card.face:last-child .st{display:none}@media (max-width: 560px){.dealt-view .compass{grid-template-columns:1fr 1fr;grid-template-areas:"n n" "w e" "m m" "s s"}.dealt-view .dcols{--cw: 36px;--ch: 52px;--vstep: 15px}.dealt-view .card.face .big{font-size:16px}}@media (max-width: 380px){.dealt-view .dcols{--cw: 31px;--ch: 45px;--vstep: 14px;--gap: 2px}.dealt-view .card.face .rk{font-size:11px}.dealt-view .card.face .big{font-size:14px}}.no-line{color:var(--muted);font-style:italic;margin:4px 0 8px}.auction-pair{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.tv{order:2;flex:1 1 280px;max-width:420px;min-width:0}.tv-grid{display:grid;grid-template-columns:minmax(64px,auto) 1fr minmax(64px,auto);grid-template-areas:"n n n" "w m e" "s s s";gap:8px;background:var(--felt);color:#fff;border-radius:14px;padding:10px}.tv-N{grid-area:n}.tv-S{grid-area:s}.tv-W{grid-area:w}.tv-E{grid-area:e}.tv-mid{grid-area:m;min-height:40px}.tv-seat{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.tv-S{flex-direction:column-reverse}.tv-name{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;background:#eef2ee;color:#1c2420;font-size:13px;font-weight:650}.tv-seat.vul .tv-name{background:#c4231c;color:#fff}.tv-d{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--accent);color:#1c2420;font-size:11px;font-weight:800}.tv-v{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.tv-calls{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;min-height:30px}.tv-W .tv-calls,.tv-E .tv-calls{flex-direction:column;flex-wrap:nowrap;align-items:center}.tv .bc{display:inline-block;min-width:38px;box-sizing:border-box;text-align:center;padding:3px 6px;border-radius:6px;font:inherit;font-weight:600;line-height:1.25;border:1.5px solid var(--bb-edge, var(--line));background:var(--bb-tint, #fff);color:var(--bb-ink, var(--ink));--suit-S: var(--ink-S);--suit-H: var(--ink-H);--suit-D: var(--ink-D);--suit-C: var(--ink-C);--suit-NT: var(--ink-NT)}.tv .bc.alert{cursor:pointer;border-bottom-style:dotted}.tv .bc.pend{background:transparent;border:1.5px dashed #fffb;color:#fff;font-weight:700}@media (max-width: 640px){.auction-pair{flex-direction:column;gap:8px}.tv{order:-1;flex:none;width:100%;max-width:none}}.autobar{margin:8px 0}.autobar p{margin:0 0 6px}.takeover{margin:10px 0;padding:10px 14px;border-left:5px solid var(--accent);border-radius:8px}.takeover p{margin:6px 0 0}.takeover .tk-count{font-weight:650}.takeover.flash{animation:tkflash 1.8s ease-out 1}@keyframes tkflash{0%{box-shadow:0 0 #f2b632cc;transform:scale(1.015)}60%{box-shadow:0 0 0 12px #f2b63200;transform:none}to{box-shadow:none}}@media (prefers-reduced-motion: reduce){.takeover.flash{animation:none}}[hidden]{display:none!important}.fsarea,.fs-anchor{position:relative}.fs-btn{position:absolute;top:6px;right:6px;z-index:5;width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:8px;border:1px solid #ffffff66;background:#000000a0;color:#fff;font:inherit;font-size:18px;line-height:1;cursor:pointer}.fs-btn:hover,.fs-btn:focus-visible{background:#000;outline:2px solid var(--accent);outline-offset:1px}.fs-exit,.fs-only,.is-fs .fs-btn{display:none}.fsarea.is-fs{background:var(--bg);color:var(--ink);overflow:hidden;margin:0;max-width:none;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.fsarea.is-fs.fs-focus{position:fixed;inset:0;z-index:10000;width:100vw;height:100vh;height:100dvh}.fsarea.is-fs:fullscreen{width:100vw;height:100vh}.is-fs>.fs-exit{display:grid;place-items:center;position:absolute;top:calc(6px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));z-index:20;width:44px;height:44px;padding:0;font:inherit;font-size:20px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer}.is-fs>.fs-exit:focus-visible{outline:3px solid var(--accent)}.is-fs .fs-only{display:flex}.is-fs .rp-text{display:none}html.fs-lock,body.fs-lock{overflow:hidden;overscroll-behavior:none}body.fs-lock{touch-action:none}.fsarea.is-fs,.fsarea.is-fs *{touch-action:manipulation}.fsarea.is-fs .rp-range{touch-action:pan-x}.is-fs .table,.is-fs .bidhands,.is-fs .hand-static{--cw: 58px;--ch: 84px;--step: min(40px, calc((var(--fsw) - 84px - var(--cw)) / 12));--vstep: 24px;--gap: 8px;--back-w: 36px;--back-h: 50px}.is-fs .table{grid-template-columns:76px 1fr 76px;padding:10px;gap:8px}.is-fs .card:not(.face){min-width:32px;height:38px}.is-fs .dt-long{display:inline}.is-fs .dt-short{display:none}.is-fs .dtoggles{font-size:12px}.is-fs .dt-seg button{font-size:12px;padding:5px 10px}.is-fs .rec-compass{grid-template-columns:minmax(0,1fr) minmax(130px,auto) minmax(0,1fr);grid-template-areas:". n ." "w m e" ". s ."}.is-fs .bidhands,.is-fs .hand-static{--step: min(40px, calc((var(--fsw) - 128px - var(--cw)) / 12))}.is-fs .fan{--cw: 58px;--ch: 84px;--step: min(calc(var(--cw) * .85), calc((100cqw - var(--cw) - (var(--g) - 1) * var(--gap)) / var(--k)))}.is-fs .fan .card.face .rk{font-size:15px;letter-spacing:0}.is-fs .fan .card.face .st{top:17px;font-size:14px}.is-fs .fan .card.face .big{font-size:26px}.is-fs .dcols{--cw: 58px;--ch: 84px;--vstep: 24px}.is-fs .table .fan,.is-fs .bidhands .fan{--step: min(calc(var(--cw) * .85), calc((var(--fsw) - 124px - var(--cw)) / 12))}.fsarea.is-fs{display:flex;flex-direction:column;--sidew: clamp(300px, 27vw, 420px)}.is-fs>.fs-body{position:relative;flex:1 1 auto;min-height:0;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) var(--sidew);grid-template-rows:minmax(0,1fr)}.fsarea.is-fs:not(.fs-wide)>.fs-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.fs-stage{position:relative;overflow:hidden;min-width:0;min-height:0}.fs-stage>.fs-anchor{position:absolute;left:0;top:0;transform-origin:0 0;margin:0}.fs-side{min-width:0;min-height:0;overflow-y:auto;font-size:var(--sfs, 16px);display:flex;flex-direction:column;gap:6px}.fsarea.is-fs.fs-wide .fs-side{padding-top:50px}.fsarea.is-fs:not(.fs-wide) .fs-side{max-height:46vh;max-height:46dvh}.fs-side>*{margin-top:0;margin-bottom:0;flex:none}.fs-side .btn,.fs-side select{margin:0;padding:6px 12px;font-size:.95em}.fs-side .bar{padding:8px 12px}.fs-side .big{font-size:1.1em}.fs-side .note,.fs-side .feedback{padding:8px 12px}.fs-side .dtoggles{justify-content:flex-start;margin:0;flex-wrap:wrap}.fs-side .dt-long{display:inline}.fs-side .dt-short{display:none}.fs-side .tools{margin-top:0}.fs-side .status{margin:0}.fs-side .bidbox{max-width:none;margin:0}.fs-side .rp-status{font-size:1.05em}.fs-side .rp-caption{min-height:4.2em;padding:8px 12px;font-size:1.12em}.fs-side .rp-cap-body{font-size:1em}.fs-side .rp-controls{display:flex;flex-wrap:wrap;gap:6px;margin:0}.fs-side .rp-controls .btn{min-height:40px;padding:6px 12px;flex:1 1 auto;white-space:nowrap}.fs-side .rp-t{display:inline}.fsarea.is-fs:not(.fs-wide):not(.fs-roomy) .rp-t{display:none}.fsarea.is-fs:not(.fs-wide):not(.fs-roomy) .rp-controls .btn{padding:6px 2px}.fs-side .rp-scrub{margin:0;gap:8px}.fs-side .rp-scrub label{flex:1 1 160px}.fs-side .rp-scrub-t{min-width:5.5em}.fs-side .rp-count{margin-top:2px}@media (max-height: 500px){.fsarea.is-fs.fs-wide .fs-side{padding-top:46px;gap:4px}.fs-side .bar .label{font-size:10px}.fs-side .rp-caption{min-height:0;padding:6px 10px}.fs-side .btn{padding:4px 8px}.fs-side .rp-controls .btn{min-height:34px}}.is-fs .compass{grid-template-columns:auto auto auto;gap:10px 14px;padding:12px;font-size:20px;justify-content:center}.is-fs .compass .cr{white-space:nowrap;overflow-wrap:normal;word-spacing:normal;letter-spacing:.04em}.is-fs .compass .cline{flex-wrap:nowrap;white-space:nowrap}.is-fs .compass .chand{padding:6px 12px}.is-fs .compass .clabel{font-size:13px}.is-fs .rp-chip{font-size:24px;padding:4px 9px}.is-fs .rp-cross{gap:6px 10px}.is-fs .rp-diagram{--cw: 58px;--ch: 84px;--vstep: 24px;--gap: 8px}.is-fs .compass.faces{gap:10px 12px;padding:12px}.is-fs .compass.faces .chand{padding:6px 10px;display:flex;flex-direction:column;align-items:center}.is-fs .compass.faces .dcols{gap:4px;min-width:calc(4 * var(--cw) + 12px);justify-content:center}.is-fs .compass.faces .dcol .card.face{width:var(--cw)}.is-fs .rp-cross.face{grid-template-columns:repeat(3,var(--cw));grid-template-rows:repeat(3,calc(var(--ch) * .62));gap:0 8px;padding-bottom:calc(var(--ch) * .38);justify-content:center;align-items:start}.is-fs .rp-cross.face .rp-c{min-height:0;min-width:0;display:block;position:relative;overflow:visible}.is-fs .rp-cross.face .card.face{width:var(--cw);height:var(--ch);display:block;box-shadow:0 2px 6px #0007}.is-fs .rp-cross.face .card.face.win{outline:3px solid var(--accent)}.is-fs .compass.faces .cmid-in{white-space:normal}.is-fs .compass .chand{min-width:max-content}.is-fs .compass{width:max-content;min-width:100%}@media (max-height: 500px){#bidding.is-fs .fs-side>.bar{display:none}.fs-side .bidbox{gap:2px}.fs-side .bidbox button{padding:2px 0;font-size:.85em}.fs-side .bidpanel .fbrow{margin:0}.fs-side .feedback{padding:4px 8px}}.table.def.dummy-right{grid-template-columns:76px 1fr max-content}.table.def.dummy-left{grid-template-columns:max-content 1fr 76px}.table.def .seat.dside .dcols{--cw: 46px;--ch: 66px;--vstep: 20px;--gap: 5px}.table.def .seat.dside .hand.as-cols{padding:6px 4px}.table.def .seat.dside .card.face .rk{font-size:14px}.table.def .seat.dside .card.face .st{font-size:12px;top:1px}.table.def .seat.dside .card.face .big{font-size:22px}@media (max-width: 560px){.table.def .seat.dside .dcols{--cw: 38px;--ch: 55px;--vstep: 17px;--gap: 3px}.table.def .seat.dside .card.face .rk{font-size:12px}.table.def .seat.dside .card.face .big{font-size:18px}}@media (max-width: 420px){.table.def .seat.dside .dcols{--cw: 31px;--ch: 46px;--vstep: 15px;--gap: 2px}.table.def .seat.dside .card.face .rk{font-size:11px}.table.def .seat.dside .card.face .st{display:none}.table.def .seat.dside .card.face .big{font-size:15px}.table.def .seat.dside .hand.as-cols{padding:4px 2px}}.is-fs .table.def.dummy-right{grid-template-columns:76px 1fr max-content}.is-fs .table.def.dummy-left{grid-template-columns:max-content 1fr 76px}.is-fs .table.def .seat.dside .dcols{--cw: 46px;--ch: 66px;--vstep: 20px;--gap: 5px}.table.def .seat.dside .hand.dummy:not(.as-cols){padding:4px 5px}.table.def .seat.dside .hand.dummy:not(.as-cols) .suitrow{flex-wrap:nowrap;gap:2px;min-height:30px}.table.def .seat.dside .hand.dummy:not(.as-cols) .suitsym{width:18px;font-size:16px;flex:none}.table.def .seat.dside .hand.dummy:not(.as-cols) .card{min-width:24px;height:28px;padding:0 2px;font-size:14px;flex:none}.table.def .trick:not(.face) .slot{min-width:38px;padding:2px 4px;font-size:18px}@media (max-width: 560px){.table.def .seat.dside .hand.dummy:not(.as-cols) .suitrow{min-height:26px;gap:1px}.table.def .seat.dside .hand.dummy:not(.as-cols) .suitsym{width:15px;font-size:13px}.table.def .seat.dside .hand.dummy:not(.as-cols) .card{min-width:17px;height:24px;font-size:12px;padding:0 1px}}.table.def .seat.dside .dcol{flex:none}.table.def .seat.dside .dcols{gap:calc(var(--gap) * 1.2)}.bidcards{display:grid;gap:10px;margin:12px 0}.bidcard{border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--panel)}.bidcard.miss{border-left:5px solid #c0392b}.bidcard.ok{border-left:5px solid #1a8a3a}.bidcard h3{margin:0 0 6px;font-size:15px}.bc-row{margin:4px 0}.cchip{display:inline-block;padding:3px 12px;border-radius:999px;border:2px solid var(--line);background:var(--panel);font-weight:700;font-size:18px}.cchip.good{border-color:#1a8a3a}.cchip.good:first-letter{color:#1a8a3a}.cchip.bad{border-color:#c0392b}.cchip.bad s{text-decoration-thickness:2px;text-decoration-color:#c0392b}.cchip .clabel{font-weight:600;font-size:15px;margin-left:2px}.bc-tries{list-style:none;margin:0 0 4px;padding:0}.bc-fb{margin:2px 0 8px 4px}.bc-used{margin:4px 0 0;font-size:13px;color:var(--muted)}.bc-why{margin-top:6px}.bc-why summary{cursor:pointer;font-weight:600}.bc-why p{margin:4px 0 0}.bc-contract{margin:8px 0;color:var(--muted)}.bc-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.bc-buttons .btn{margin:0;flex:1 1 160px;padding:12px 14px}.linkbtn{background:none;border:0;padding:6px 0;min-height:36px;color:var(--link, var(--accent-text, inherit));text-decoration:underline;font:inherit;cursor:pointer}.fsarea.is-fs .fs-side{gap:12px;padding-bottom:4px}.fs-side>*{order:5}.fs-side>.bar{order:1;padding:14px 18px;gap:12px}.fs-side>.bar .big{font-size:1.32em}.fs-side>.bar .label{font-size:.72em;letter-spacing:.06em}.fs-side>.auction-box{order:2}.fs-side>#note,.fs-side>#auto-bar,.fs-side>#auto-note{order:3}.fs-side>#hint-box,.fs-side>#takeover,.fs-side>#claim-panel,.fs-side>#result{order:4}.fs-side>#status{order:6;margin:auto 0;padding:14px 16px;text-align:center;font-weight:700;font-size:1.22em;line-height:1.3;border:2px solid var(--accent);border-radius:12px;background:var(--panel)}.fs-side>#status:empty{display:none}.fs-side>#tools{order:8;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.fs-side>#tools>.btn{width:100%;min-height:56px;padding:8px 6px;font-size:1.05em}.fs-side>#tools>#hint{order:1}.fs-side>#tools>#claim-open{order:2}.fs-side>#tools>#undo{order:3}.fs-side>#tools>.rewind{order:4;grid-column:1 / -1;display:grid;gap:4px;font-size:.95em}.fs-side>#tools>.rewind select{width:100%;min-height:50px;font-size:1em}.fs-side>#tools>#watch{order:5;grid-column:1 / -1}.fs-side>.dtoggles{order:9;margin:2px 0 0;justify-content:space-between;opacity:.92}.fs-side>.rp-status{order:1;padding:14px 18px;font-size:1.25em;font-weight:700}.fs-side>.rp-caption{order:2;flex:1 1 auto;min-height:6em;display:flex;flex-direction:column;justify-content:center}.fs-side>.rp-controls{order:8;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.fs-side>.rp-controls .btn{min-height:56px;padding:6px 2px;white-space:normal}.fs-side>.rp-scrub{order:9}.fs-side>.dtoggles.fs-only{order:10}.fs-side>#b-note,.fs-side>#b-explain{order:2}.fs-side>#b-summary{order:3}.fs-side>#b-controls{order:8;margin-top:auto;display:flex;flex-direction:column;gap:10px}.fs-side .feedback{padding:12px 12px 12px 42px;font-size:1.05em}.fs-side>#status{color:var(--ink)}.fs-side>#b-controls .fbrow{display:flex;gap:10px;align-items:stretch}.fsarea.is-fs:not(.fs-wide) .fs-side{gap:6px}.fsarea.is-fs:not(.fs-wide) .fs-side>.bar{padding:8px 12px}.fsarea.is-fs:not(.fs-wide) .fs-side>.bar .big{font-size:1.1em}.fsarea.is-fs:not(.fs-wide) .fs-side>#status{margin:0;padding:6px 10px;font-size:1.02em;border-width:1px}.fsarea.is-fs:not(.fs-wide) .fs-side>#tools{gap:6px}.fsarea.is-fs:not(.fs-wide) .fs-side>#tools>.btn{min-height:42px;padding:4px;font-size:1em}.fsarea.is-fs:not(.fs-wide) .fs-side>#tools>.rewind{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}.fsarea.is-fs:not(.fs-wide) .fs-side>#tools>.rewind select{min-height:40px}.fsarea.is-fs:not(.fs-wide) .fs-side .feedback{padding:6px 8px 6px 38px}.fsarea.is-fs:not(.fs-wide) .fs-side>.rp-status{padding:6px 12px;font-size:1.05em}.fsarea.is-fs:not(.fs-wide) .fs-side>.rp-caption{flex:0 1 auto;min-height:0}.fsarea.is-fs:not(.fs-wide) .fs-side>.rp-controls .btn{min-height:44px}@media (max-height: 500px){.fs-side>#tools>.btn,.fs-side>.rp-controls .btn{min-height:38px}.fs-side>#status{padding:6px 10px}.fs-side>#tools>.rewind select{min-height:38px}}@media (max-height: 500px){.fsarea.is-fs .fs-side{gap:4px}.fs-side>.bar{padding:4px 10px}.fs-side>.bar .big{font-size:1em}.fs-side>#status{margin:0;padding:4px 8px;font-size:1em;border-width:1px}.fs-side>#tools{gap:4px}.fs-side>#tools>.btn{min-height:34px;padding:2px;font-size:.95em}.fs-side>#tools>.rewind{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px}.fs-side>#tools>.rewind select{min-height:34px}.fs-side>.rp-status{padding:4px 10px;font-size:1em}.fs-side>.rp-caption{flex:0 1 auto;min-height:0}.fs-side>.rp-controls .btn{min-height:38px}.fs-side>.dtoggles{margin:0}}@media (max-height: 500px){.fs-side>#b-controls{gap:3px;margin-top:0}.fs-side .dtoggles{gap:2px 8px}}.compass .hh .cline,.compass .hh .dcols,.compass .hh .cr{visibility:hidden}.sitefoot{max-width:1100px;margin:24px auto 16px;padding:0 16px;font-size:13px;color:var(--muted);text-align:center}