.odq-sdk{--p-brand:#7A3FF2;--p-accent:#ff8100;--sdk-ink:#1d1a2b;--sdk-muted:#6b6880;--sdk-bg:#f6f3ff;--sdk-card:#fff;--sdk-line:#cfc7ea;--sdk-line-strong:#3b2a73;--sdk-sel:#d9c9ff;--sdk-peer:#efe8ff;--sdk-same:#e3d3ff;--sdk-err:#d12b3d;--sdk-err-bg:#ffe1e4;--sdk-ok:#1f8a4c;--sdk-given:#1d1a2b;--sdk-user:#5a2fd0;--sdk-hint:#ffe3c2}.odq-sdk{max-width:980px;margin:0 auto;padding:12px;background:var(--sdk-bg);border-radius:16px;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--sdk-ink);container-type:inline-size}.odq-sdk .sdk-main{--sdk-size:min(100cqw,520px)}.odq-sdk.sdk-hc{--sdk-bg:#fff;--sdk-line:#555;--sdk-sel:#ffe14d;--sdk-peer:#e9e9e9;--sdk-same:#ffd0f0;--sdk-user:#0033cc;--sdk-muted:#222}.odq-sdk *{box-sizing:border-box}.odq-sdk button.sdk-btn,.odq-sdk button.sdk-chip,.odq-sdk button.sdk-num,.odq-sdk button.sdk-cell,.odq-sdk button.sdk-tab{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:#fff0;touch-action:manipulation;margin:0;text-transform:none;letter-spacing:0;line-height:1.1}.odq-sdk button.sdk-tab{background:#fff;border:2px solid var(--p-brand);color:var(--p-brand);border-radius:999px;padding:8px 14px;font-weight:700;font-size:.9rem}.odq-sdk button.sdk-tab[aria-pressed="true"]{background:var(--p-brand);color:#fff}.odq-sdk button.sdk-tab:hover,.odq-sdk button.sdk-tab:focus{background:var(--p-brand);color:#fff;outline:0}.odq-sdk button.sdk-tab:focus-visible,.odq-sdk button.sdk-chip:focus-visible,.odq-sdk button.sdk-btn:focus-visible,.odq-sdk button.sdk-num:focus-visible,.odq-sdk button.sdk-cell:focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}.odq-sdk .sdk-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;margin-bottom:8px}.odq-sdk button.sdk-chip{background:#fff;border:2px solid var(--sdk-line);color:var(--sdk-ink);border-radius:10px;padding:7px 10px;font-weight:600;font-size:.82rem}.odq-sdk button.sdk-chip[aria-pressed="true"]{border-color:var(--p-brand);background:var(--p-brand);color:#fff}.odq-sdk button.sdk-chip:hover,.odq-sdk button.sdk-chip:focus{border-color:var(--p-brand);background:#fff;color:var(--sdk-ink)}.odq-sdk button.sdk-chip[aria-pressed="true"]:hover,.odq-sdk button.sdk-chip[aria-pressed="true"]:focus{background:var(--p-brand);color:#fff}.odq-sdk .sdk-status{display:flex;gap:14px;justify-content:center;font-size:.85rem;color:var(--sdk-muted);margin:4px 0 8px;flex-wrap:wrap}.odq-sdk .sdk-status b{color:var(--sdk-ink)}.odq-sdk .sdk-main{display:flex;flex-direction:column;align-items:center;gap:10px}.odq-sdk .sdk-boardwrap{position:relative;width:var(--sdk-size);min-width:280px}.odq-sdk .sdk-grid{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:100%;aspect-ratio:1;background:var(--sdk-card);border:3px solid var(--sdk-line-strong);border-radius:6px;overflow:hidden;touch-action:manipulation}.odq-sdk button.sdk-cell{position:relative;background:var(--sdk-card);border:0;border-right:1px solid var(--sdk-line);border-bottom:1px solid var(--sdk-line);border-radius:0;padding:0;color:var(--sdk-user);font-weight:600;font-size:calc(var(--sdk-size)/16);display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;width:100%;height:100%}.odq-sdk button.sdk-cell:hover,.odq-sdk button.sdk-cell:focus{background:var(--sdk-card);color:var(--sdk-user)}.odq-sdk button.sdk-cell.c2,.odq-sdk button.sdk-cell.c5{border-right:2px solid var(--sdk-line-strong)}.odq-sdk button.sdk-cell.c8{border-right:0}.odq-sdk button.sdk-cell.r2,.odq-sdk button.sdk-cell.r5{border-bottom:2px solid var(--sdk-line-strong)}.odq-sdk button.sdk-cell.r8{border-bottom:0}.odq-sdk button.sdk-cell.given{color:var(--sdk-given);font-weight:800}.odq-sdk button.sdk-cell.peer{background:var(--sdk-peer)}.odq-sdk button.sdk-cell.same{background:var(--sdk-same)}.odq-sdk button.sdk-cell.sel,.odq-sdk button.sdk-cell.sel:hover,.odq-sdk button.sdk-cell.sel:focus{background:var(--sdk-sel)}.odq-sdk button.sdk-cell.hl{background:var(--sdk-hint)}.odq-sdk button.sdk-cell.target{background:var(--p-accent);color:#fff}.odq-sdk button.sdk-cell.err{background:var(--sdk-err-bg);color:var(--sdk-err)}.odq-sdk .sdk-notes{position:absolute;inset:1px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);font-size:calc(var(--sdk-size)/45);font-weight:600;color:var(--sdk-muted);line-height:1;pointer-events:none}.odq-sdk .sdk-notes span{display:flex;align-items:center;justify-content:center}.odq-sdk .sdk-notes span.hit{color:var(--p-accent);font-weight:800}.odq-sdk .sdk-pause{position:absolute;inset:0;background:rgb(246 243 255 / .97);display:none;align-items:center;justify-content:center;flex-direction:column;gap:10px;border-radius:6px;text-align:center;padding:16px;z-index:3}.odq-sdk .sdk-pause.on{display:flex}.odq-sdk .sdk-msg{min-height:2.6em;text-align:center;font-size:.88rem;max-width:var(--sdk-size);min-width:280px;color:var(--sdk-ink)}.odq-sdk .sdk-pad{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;width:var(--sdk-size);min-width:280px}.odq-sdk button.sdk-num{position:relative;background:#fff;border:2px solid var(--p-brand);color:var(--p-brand);border-radius:10px;padding:0;height:calc(var(--sdk-size)/9*1.15);min-height:44px;font-weight:800;font-size:1.25rem;display:flex;align-items:center;justify-content:center}.odq-sdk button.sdk-num small{position:absolute;right:3px;bottom:1px;font-size:.55rem;font-weight:600;color:var(--sdk-muted)}.odq-sdk button.sdk-num:hover,.odq-sdk button.sdk-num:focus{background:var(--p-brand);color:#fff}.odq-sdk button.sdk-num:hover small,.odq-sdk button.sdk-num:focus small{color:#fff}.odq-sdk button.sdk-num:disabled{opacity:.3;cursor:default;background:#fff;color:var(--p-brand)}.odq-sdk .sdk-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:var(--sdk-size);min-width:280px}.odq-sdk button.sdk-btn{background:#fff;border:2px solid var(--sdk-line);color:var(--sdk-ink);border-radius:10px;padding:8px 4px;font-weight:700;font-size:.74rem;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:48px}.odq-sdk button.sdk-btn:hover,.odq-sdk button.sdk-btn:focus{background:#fff;color:var(--sdk-ink);border-color:var(--p-brand)}.odq-sdk button.sdk-btn[aria-pressed="true"]{background:var(--p-brand);color:#fff;border-color:var(--p-brand)}.odq-sdk button.sdk-btn:disabled{opacity:.4;cursor:default}.odq-sdk button.sdk-btn.primary{background:var(--p-accent);border-color:var(--p-accent);color:#fff}.odq-sdk button.sdk-btn.primary:hover,.odq-sdk button.sdk-btn.primary:focus{background:#e67300;border-color:#e67300;color:#fff}.odq-sdk button.sdk-btn.sdk-fs{flex-direction:row;justify-content:center;gap:8px;width:100%;max-width:var(--sdk-size);min-width:280px;margin-top:6px;padding:10px 12px;font-size:.85rem}.odq-sdk button.sdk-btn.sdk-fs[hidden]{display:none}.odq-sdk button.sdk-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.odq-sdk .sdk-side{width:100%;max-width:520px;display:flex;flex-direction:column;gap:8px}.odq-sdk details{background:#fff;border-radius:10px;border:1px solid var(--sdk-line);padding:8px 12px;font-size:.88rem}.odq-sdk summary{cursor:pointer;font-weight:700}.odq-sdk label{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:.88rem}.odq-sdk input[type=checkbox]{width:18px;height:18px;accent-color:var(--p-brand)}.odq-sdk table{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:6px}.odq-sdk th,.odq-sdk td{padding:4px 6px;text-align:right;border-bottom:1px solid var(--sdk-line)}.odq-sdk th:first-child,.odq-sdk td:first-child{text-align:left}.odq-sdk .sdk-win{position:absolute;inset:0;background:rgb(255 255 255 / .97);display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:14px;border-radius:6px;z-index:4}.odq-sdk .sdk-win.on{display:flex}.odq-sdk .sdk-win h2{margin:0;font-size:1.3rem;color:var(--p-brand)}.odq-sdk .sdk-nota{margin:8px;text-align:center}.odq-sdk .sdk-win p{margin:0;font-size:.9rem}.odq-sdk .sdk-win .row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.odq-sdk .sdk-win button.sdk-btn{flex-direction:row;padding:10px 14px;font-size:.85rem}.odq-sdk .sdk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@container (min-width:790px){.odq-sdk .sdk-main{--sdk-size:max(380px,min(580px,100dvh - 250px,100cqw - 404px));display:grid;grid-template-columns:var(--sdk-size) 380px;gap:10px 24px;justify-content:center;align-items:start}.odq-sdk .sdk-left{display:contents}.odq-sdk .sdk-boardwrap{grid-column:1;grid-row:1/6}.odq-sdk .sdk-msg,.odq-sdk .sdk-pad,.odq-sdk .sdk-tools,.odq-sdk .sdk-fs,.odq-sdk .sdk-side{grid-column:2;width:100%;min-width:0;max-width:380px}.odq-sdk button.sdk-btn.sdk-fs{max-width:380px;min-width:0}.odq-sdk .sdk-msg{text-align:left;min-height:3.4em}.odq-sdk .sdk-pad{grid-template-columns:repeat(3,1fr);gap:8px}.odq-sdk button.sdk-num{height:52px;font-size:1.4rem}}@container (max-width:789px){.odq-sdk .sdk-left{display:flex;flex-direction:column;gap:8px;align-items:center}}@media (max-width:599px){.odq-sdk{padding:8px}.odq-sdk .sdk-main{--sdk-size:min(100cqw,520px)}.odq-sdk .sdk-tools{grid-template-columns:repeat(8,1fr);gap:4px}.odq-sdk button.sdk-btn{min-height:42px;padding:6px 0}.odq-sdk button.sdk-btn .lab{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.odq-sdk .sdk-msg{min-height:2.2em;font-size:.8rem}.odq-sdk .sdk-status{margin:2px 0 4px;font-size:.78rem}.odq-sdk .sdk-bar{margin-bottom:4px}}@media (orientation:landscape) and (max-height:500px){@container (max-width:789px){.odq-sdk .sdk-main{--sdk-size:min(100cqw,300px)}}}@media (prefers-reduced-motion:no-preference){.odq-sdk button.sdk-cell{transition:background .12s}}.odq-sdk .sdk-nota-s{margin:8px 0 0;color:var(--sdk-muted);font-size:.8rem}