.dd-modes{justify-content:center}.dd-board{aspect-ratio:800/520;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;width:min(100%,153.846dvh - 446.154px);min-width:min(100%,300px);margin:5px auto;position:relative;container-type:inline-size}.dd-board canvas{background:var(--board);border:3px solid var(--ink);outline:1.5px solid var(--ink);outline-offset:3px;border-radius:4px;width:100%;height:100%;display:block}.dd-overlay{cursor:default;gap:10px;padding:16px}.dd-overlay p{max-width:46ch;margin:0;font-size:15px}.dd-why{font-family:var(--f-word);font-size:17px}.dd-total{text-align:center;min-height:1.4em;font-size:12px;font-family:var(--f-mono);margin:0}@container (max-width:440px){.dd-overlay{gap:6px;padding:8px}.dd-overlay .big{font-size:30px}.dd-overlay p{font-size:13px}.dd-overlay small,.dd-story{display:none}}@media (orientation:landscape) and (max-height:520px){.dd-board{width:min(100%,153.846dvh - 184.615px);min-width:0}.dd-total{display:none}}