.dtd{display:grid;gap:10px;max-width:560px;margin:0 auto}.dtd-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}.dtd-title{font-weight:800;font-size:1.1rem}.dtd-meter{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}.dtd-bar{display:inline-block;width:90px;height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.dtd-bar>span{display:block;height:100%;background:var(--accent);transition:width .2s}.dtd-board{background:var(--cell);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:4px}.dtd-svg{display:block;width:100%;height:auto;aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}.dtd-lines line{stroke:var(--accent);stroke-width:1.1;stroke-linecap:round}.dtd-lines line.dtd-grow{stroke-dasharray:1;stroke-dashoffset:1;animation:dtd-draw .35s ease-out forwards}@keyframes dtd-draw{to{stroke-dashoffset:0}}.dtd-extras circle,.dtd-extras polyline{fill:none;stroke:var(--text);stroke-width:.9;stroke-linecap:round;stroke-linejoin:round}.dtd-fade{animation:dtd-fade .6s ease-out both}@keyframes dtd-fade{0%{opacity:0}to{opacity:1}}.dtd-fill{stroke:none}.dtd-dot .dtd-pt{fill:var(--text)}.dtd-dot .dtd-ring{fill:transparent;stroke:none}.dtd-dot .dtd-num{fill:var(--muted);font-family:var(--font);font-weight:600;pointer-events:none}.dtd-dot.on .dtd-pt{fill:var(--accent)}.dtd-dot.on .dtd-num{opacity:.45}.dtd-dot.next .dtd-ring{fill:none;stroke:var(--focus);stroke-width:.7}.dtd-dot.next .dtd-num{fill:var(--text);font-weight:800}.dtd-dot.dtd-hint .dtd-ring{animation:dtd-pulse .5s ease-in-out 3;transform-box:fill-box;transform-origin:center}@keyframes dtd-pulse{50%{transform:scale(1.9);stroke-width:.4}}.dtd-dots.dtd-hide{display:none}.dtd-done{display:grid;justify-items:center;gap:6px;text-align:center}.dtd-done[hidden],.dtd-gallery[hidden],.dtd-board[hidden],.dtd-head[hidden]{display:none}.dtd-done-title{font-size:1.3rem;font-weight:800;color:var(--accent)}.dtd-stars{color:var(--warn);font-size:1.3rem;letter-spacing:.15em}.dtd-done-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.dtd-done-actions .btn{min-height:44px}.dtd-gal-head{margin:0;text-align:center;color:var(--muted)}.dtd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.dtd-tile{appearance:none;font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);padding:6px;display:grid;justify-items:center;gap:2px;cursor:pointer;min-height:44px}.dtd-tile:hover{border-color:var(--accent)}.dtd-tile:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.dtd-tile.fin{background:var(--accent-soft)}.dtd-tile.current{border-color:var(--accent)}.dtd-thumb{width:100%;max-width:80px;aspect-ratio:1}.dtd-thumb-shape{stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round}.dtd-thumb-q{fill:var(--muted);font-family:var(--font);font-weight:800}.dtd-tile-name{font-size:.82rem;font-weight:600}.dtd-tile-stars{color:var(--warn);font-size:.8rem;letter-spacing:.1em}@media (max-width: 420px){.dtd-grid{grid-template-columns:repeat(3,1fr);gap:6px}.dtd-board{padding:2px}}.dtd-print{display:none}@media print{html.dtd-printing body>:not(.dtd-print){display:none!important}html.dtd-printing,html.dtd-printing body{background:#fff!important}html.dtd-printing .dtd-print{display:block;color:#000;font-family:sans-serif}.dtd-print-head{display:flex;justify-content:space-between;align-items:baseline;font-size:16pt;border-bottom:1pt solid #000;padding-bottom:4pt}.dtd-print-head span{font-size:11pt}.dtd-print-note{font-size:11pt;margin:6pt 0}.dtd-print-svg{display:block;width:100%;max-width:17cm;height:auto;aspect-ratio:1;margin:0 auto}.dtd-print-foot{display:flex;justify-content:space-between;font-size:10pt;margin-top:8pt}}