/* Doodle Racer */
.drc-wrap { width: 100%; max-width: 960px; margin: 0 auto; align-self: stretch; }
.drc-wrap .ak-stage { position: relative; width: 100%; border-radius: 14px; overflow: hidden; background: #fbf7ea; box-shadow: 0 2px 12px rgba(0,0,0,.35); }
.drc-wrap canvas { display: block; width: 100%; height: 100%; cursor: crosshair; }
.drc-bar { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 10px; }
.drc-bar .btn { min-height: 44px; }
.drc-msg { margin: 8px 0 0; text-align: center; font-weight: 700; }
.drc-help { margin-top: 14px; font-size: 14px; line-height: 1.5; opacity: .9; }
.drc-redraw { margin: 10px 0 0 8px; }
.drc-res { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 10px; text-align: center; color: #1e293b; background: rgba(251,247,234,.93); }
.drc-res h3 { margin: 0; font-size: clamp(22px, 4vw, 34px); color: #1e293b; }
.drc-res p { margin: 2px 0; font-weight: 700; }
.drc-st { font-size: clamp(26px, 5vw, 38px); }
.drc-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 8px; }
.drc-btns .btn-ghost { color: #1e293b; border-color: #1e293b; }