.dr-game{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.dr-board{aspect-ratio:8/3;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:min(100%,980px,266.667dvh - 666.667px);min-width:min(100%,300px);position:relative}.dr-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%}.dr-board .overlay .big{font-size:clamp(28px,6vw,52px)}.dr-board .overlay p{margin:0}.dr-board .btn-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.overlay.dr-soft{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.dr-card{background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);max-width:360px;box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:8px;padding:16px 22px;display:flex}.dr-card p{color:var(--muted);font-size:14px}.dr-card .dr-start{color:var(--ink);font-weight:600}.dr-best{font-family:var(--f-mono);font-size:14px}.dr-pads{grid-template-columns:1fr 1fr;gap:14px;width:min(100%,520px);display:grid}.dr-pad{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-height:64px;font-size:18px}@media (max-width:520px){.dr-card{gap:4px;padding:10px 14px}.dr-card p{font-size:13px}.dr-board .overlay{gap:8px;padding:10px}}@media (orientation:landscape) and (max-height:520px){.dr-game{flex-direction:row;justify-content:center;gap:10px}.dr-board{width:min(100%,266.667dvh - 213.333px)}.dr-pads{grid-template-columns:1fr;width:auto}.dr-pads .dr-pad{min-width:84px}.dr-pads .dr-pad:first-child{order:2}}