.rtr{--rtr-0:var(--md-sys-color-primary);--rtr-1:light-dark(#0369a1,#38bdf8);--rtr-2:light-dark(#6d28d9,#a78bfa);--rtr-3:light-dark(#047857,#34d399);--rtr-4:light-dark(#be123c,#fb7185);--rtr-5:light-dark(#4d7c0f,#a3e635)}.rtr-board{aspect-ratio:10/7;background:var(--md-sys-color-rule-soft);border:1px solid var(--md-sys-color-outline-variant);-webkit-user-select:none;user-select:none;outline:none;grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr));gap:1px;display:grid}.rtr[data-mode=edit] .rtr-board{cursor:crosshair;touch-action:none}.rtr[data-mode=play] .rtr-board{cursor:pointer}.rtr-board:focus-visible{border-color:var(--md-sys-color-primary)}.rtr-cell{background:var(--md-sys-color-surface);transition:background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.rtr-cell.is-wall{background:color-mix(in srgb, var(--md-sys-color-on-surface-variant) 42%, var(--md-sys-color-surface))}.rtr[data-mode=edit] .rtr-cell:not(.is-wall):hover{background:var(--md-sys-color-surface-container)}.rtr-board:focus-visible .rtr-cell.is-cursor{box-shadow:inset 0 0 0 2px var(--md-sys-color-primary)}.rtr-overlay{pointer-events:none;width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;inset:1px;overflow:visible}.rtr-goal{fill:none;stroke-width:.06px;stroke-dasharray:.12 .1}.rtr-goal-label{font-family:var(--font-mono);text-anchor:middle;dominant-baseline:central;font-size:.34px;font-weight:600}.rtr-trail{fill:none;stroke-width:.1px;stroke-linecap:round;stroke-linejoin:round;opacity:.4}.rtr-intent{stroke-width:.08px;stroke-linecap:round}.rtr-ghost{fill:none;stroke-width:.06px;stroke-dasharray:.1 .08}.rtr-robot{stroke:var(--md-sys-color-surface);stroke-width:.05px}.rtr-robot-label{font-family:var(--font-mono);fill:var(--md-sys-color-surface);text-anchor:middle;dominant-baseline:central;font-size:.36px;font-weight:700}.rtr-selected{fill:none;stroke:var(--md-sys-color-on-surface);stroke-width:.05px}.rtr-swatch{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container);cursor:pointer;width:2.75rem;height:2.75rem;transition:border-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);place-items:center;display:inline-grid}.rtr-swatch:hover{border-color:var(--md-sys-color-outline)}.rtr-swatch.active{border-color:var(--md-sys-color-on-surface);box-shadow:inset 0 0 0 1px var(--md-sys-color-on-surface)}.rtr-swatch.is-empty .rtr-dot{opacity:.45}.rtr-dot{width:1.5rem;height:1.5rem;font-family:var(--font-mono);font-size:var(--text-label);color:var(--md-sys-color-surface);border-radius:9999px;place-items:center;font-weight:700;display:grid}.rtr-dot[data-slot="0"]{background:var(--rtr-0)}.rtr-dot[data-slot="1"]{background:var(--rtr-1)}.rtr-dot[data-slot="2"]{background:var(--rtr-2)}.rtr-dot[data-slot="3"]{background:var(--rtr-3)}.rtr-dot[data-slot="4"]{background:var(--rtr-4)}.rtr-dot[data-slot="5"]{background:var(--rtr-5)}.rtr-pad{grid-template-rows:repeat(3,2.75rem);grid-template-columns:repeat(3,2.75rem);grid-template-areas:".up.""left wait right"".down.";justify-content:start;gap:.25rem;display:grid}.rtr-pad-btn{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);font-family:var(--font-mono);font-size:var(--text-body-lg);cursor:pointer;transition:border-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);place-items:center;display:grid}.rtr-pad-btn:hover{border-color:var(--md-sys-color-outline);color:var(--md-sys-color-primary)}.rtr-pad-up{grid-area:up}.rtr-pad-left{grid-area:left}.rtr-pad-wait{grid-area:wait}.rtr-pad-right{grid-area:right}.rtr-pad-down{grid-area:down}.rtr-scrub{accent-color:var(--md-sys-color-primary);height:2.75rem}.rtr :is(button,input):focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.rtr-cell,.rtr-swatch,.rtr-pad-btn{transition:none}}