.dvol-page{max-width:1400px}.dvol-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.dvol-toolbar label{min-width:180px}.dvol-toolbar select{display:block;width:100%;padding:10px;margin-top:6px;background:#10151c;color:#dfe8f3;border:1px solid #48586c;border-radius:6px;font:inherit}.dvol-freshness{font-size:12px;font-weight:650;letter-spacing:.3px;color:var(--muted);margin-left:auto}.dvol-freshness.fresh{color:var(--green)}.dvol-freshness.stale{color:var(--amber)}.dvol-freshness.error{color:var(--red)}.dvol-freshness.unsupported{color:var(--muted)}
.dvol-canvas-wrap{position:relative;height:440px;width:100%;background:#0f141b;border:1px solid #344152;border-radius:8px;overflow:hidden;margin-top:14px}#dvol-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}
.dvol-move{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.dvol-move-row{display:contents}.dvol-move-row span{display:block;background:#121820;border:1px solid var(--line);border-radius:8px;padding:12px;text-align:center}.dvol-move-head span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.dvol-move-row:not(.dvol-move-head) span{font-variant-numeric:tabular-nums;font-size:17px}
.dvol-table-wrap{overflow:auto}.dvol-table-wrap td{white-space:nowrap}.dvol-table-wrap td.forming{color:var(--amber)}.dvol-table-wrap td.forming::after{content:' · forming';font-size:10px}
#dvol-summary>div{min-width:120px}#dvol-summary strong{display:block;font-variant-numeric:tabular-nums;font-size:1.35rem;overflow-wrap:anywhere}
@media(max-width:650px){.dvol-canvas-wrap{height:340px}.dvol-toolbar{gap:8px}.dvol-toolbar label{width:100%}.dvol-freshness{margin-left:0;width:100%}.dvol-move{gap:6px}.dvol-move-row span{padding:8px;font-size:14px}.dvol-table-wrap{font-size:.85rem}}