.dom222{margin-top:22px}.dom222-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}.dom222-tabs,.dom222-actions,.dom222-settings{display:flex;gap:8px;flex-wrap:wrap}.dom222-tabs{margin:12px 0}.dom222-tabs button,.dom222-chip{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 12px;font-weight:780}.dom222-tabs button.active{outline:2px solid var(--ink)}.dom222-settings label{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:7px 10px}.dom222-stage{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.dom222-board{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:14px}.dom222-gridwrap{overflow:auto;padding:2px}.dom222-grid{--cols:7;display:grid;grid-template-columns:repeat(var(--cols),minmax(38px,1fr));gap:4px;min-width:min-content;max-width:700px;margin:auto;background:var(--soft);padding:6px;border-radius:14px}.dom222-cell{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:9px;background:var(--card);font-weight:950;font-size:clamp(.9rem,2.6vw,1.2rem);touch-action:manipulation}.dom222-cell.paired{background:color-mix(in srgb,var(--soft) 65%,var(--card))}.dom222-cell.anchor{outline:3px solid currentColor;outline-offset:-3px}.dom222-cell.target{outline:2px dashed var(--ink);outline-offset:-4px}.dom222-cell .link{position:absolute;background:currentColor;opacity:.25;pointer-events:none}.dom222-cell .link.r{right:-6px;top:25%;width:8px;height:50%}.dom222-cell .link.d{bottom:-6px;left:25%;height:8px;width:50%}.dom222-cell .xmark{position:absolute;font-size:.65rem;opacity:.8}.dom222-cell .xmark.r{right:-7px;top:38%}.dom222-cell .xmark.d{bottom:-9px;left:43%}.dom222-side{display:grid;gap:10px;align-content:start}.dom222-card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:12px}.dom222-card h3{margin:0 0 6px;font-size:.94rem}.dom222-card p{margin:0;color:var(--muted);line-height:1.45}.dom222-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0}.dom222-metrics>div{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:9px}.dom222-metrics small{display:block;color:var(--muted);font-size:.7rem}.dom222-family{display:grid;grid-template-columns:minmax(170px,1fr) repeat(3,minmax(72px,.55fr));gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:.82rem}.dom222-family strong{font-size:.87rem}.dom222-path{display:grid;grid-template-columns:repeat(10,minmax(44px,1fr));gap:6px}.dom222-path button{min-height:52px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-weight:850}.dom222-path button.done{background:var(--soft)}.dom222-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dom222-form label{display:grid;gap:4px;font-size:.8rem;font-weight:750}.dom222-form input,.dom222-form select{width:100%;min-height:40px}.dom222-status{padding:10px 12px;border-radius:12px;background:var(--soft);min-height:44px;line-height:1.45}.dom222-review{overflow:auto}.dom222-review table{border-collapse:collapse;width:100%;font-size:.78rem}.dom222-review th,.dom222-review td{border-bottom:1px solid var(--line);padding:6px;text-align:left;white-space:nowrap}.dom222-hidden{display:none!important}.dom222-large .dom222-cell{min-height:46px}.dom222-high{filter:contrast(1.22)}.dom222-live-off [data-live]{visibility:hidden}.dom222-coach{border-left:4px solid var(--ink)}.sol-link{display:none;position:absolute;background:#000;pointer-events:none}.sol-link.r{right:-6px;top:25%;width:8px;height:50%}.sol-link.d{bottom:-6px;left:25%;height:8px;width:50%}.dom222-print-note{display:none}@media(max-width:900px){.dom222-stage{grid-template-columns:1fr}.dom222-side{grid-template-columns:repeat(2,1fr)}.dom222-metrics{grid-template-columns:repeat(2,1fr)}.dom222-path{grid-template-columns:repeat(5,1fr)}.dom222-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.dom222-side,.dom222-form{grid-template-columns:1fr}.dom222-family{grid-template-columns:1fr 1fr}.dom222-family strong{grid-column:1/-1}.dom222-board{padding:10px}.dom222-grid{gap:3px;padding:4px}.dom222-tabs button{padding:8px 9px;font-size:.83rem}}@media print{body.dom222-print-puzzle .topbar,body.dom222-print-puzzle .mobile-dock,body.dom222-print-puzzle .preview-note,body.dom222-print-puzzle .footer,body.dom222-print-puzzle .dom-levels,body.dom222-print-puzzle .dom-tools,body.dom222-print-puzzle .dom-actions,body.dom222-print-puzzle .dom-monitor,body.dom222-print-puzzle .dom-guide,body.dom222-print-puzzle .dom222,body.dom222-print-answer .topbar,body.dom222-print-answer .mobile-dock,body.dom222-print-answer .preview-note,body.dom222-print-answer .footer,body.dom222-print-answer .dom-levels,body.dom222-print-answer .dom-tools,body.dom222-print-answer .dom-actions,body.dom222-print-answer .dom-monitor,body.dom222-print-answer .dom-guide,body.dom222-print-answer .dom222{display:none!important}body.dom222-print-puzzle .gameheader .scorebox,body.dom222-print-answer .gameheader .scorebox{display:none!important}body.dom222-print-puzzle .dom-cell .link,body.dom222-print-puzzle .dom-cell .xmark,body.dom222-print-answer .dom-cell .link,body.dom222-print-answer .dom-cell .xmark{display:none!important}body.dom222-print-answer .dom-cell .sol-link{display:block!important}.dom222-print-note{display:block!important;color:#000}}