.ry-modes{flex-wrap:wrap;justify-content:center;gap:6px}.ry-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"board board""left right";align-items:center;gap:10px;width:100%;margin:5px 0;display:grid}.ry-board{aspect-ratio:800/450;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-area:board;justify-self:center;width:min(100%,177.778dvh - 533.333px);min-width:min(100%,300px);position:relative;container-type:inline-size}.ry-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}.ry-pad{gap:8px;min-width:0;display:flex}.ry-left{grid-area:left;justify-content:flex-start}.ry-right{grid-area:right;justify-content:flex-end}.ry-btn{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:center;min-width:60px;min-height:64px;padding-inline:10px;font-size:18px}.ry-left .ry-btn{font-size:26px}.ry-right .ry-btn.accent{min-width:84px}@media (max-width:340px){.ry-btn{min-width:48px;padding-inline:6px;font-size:15px}.ry-right .ry-btn.accent{min-width:60px}}.ry-overlay{gap:10px;padding:16px}.ry-overlay p{max-width:46ch;margin:0;font-size:15px}.ry-medal-line{font-family:var(--f-word);align-items:center;gap:8px;font-size:18px;display:inline-flex}.ry-result .big{font-size:clamp(30px,7vw,52px)}.ry-medals{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:6px auto 0;padding:0;font-size:13px;list-style:none;display:flex}.ry-medals li{align-items:center;gap:6px;display:inline-flex}.ry-medals li b{font-family:var(--f-mono);color:var(--ink);font-weight:600}.ry-medals li.on{color:var(--ink)}.ry-medals li.on b{color:var(--good)}.ry-dot{border:1.5px solid var(--ink);background:var(--line);border-radius:50%;width:12px;height:12px;display:inline-block}.ry-dot[data-m="0"]{background:var(--good)}.ry-dot[data-m="1"]{background:var(--sun)}.ry-dot[data-m="2"]{background:var(--line)}.ry-dot[data-m="3"]{background:color-mix(in srgb,var(--sun)50%,var(--bad))}.ry-total{text-align:center;min-height:1.4em;font-size:12px;font-family:var(--f-mono);margin:4px 0 0}@container (max-width:440px){.ry-overlay{gap:6px;padding:8px}.ry-overlay .big{font-size:28px}.ry-overlay p{font-size:13px}.ry-overlay small,.ry-story{display:none}}@media (orientation:landscape) and (max-height:520px){.ry-stage{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left board right";gap:8px}.ry-board{width:min(100%,177.778dvh - 195.556px);min-width:0}.ry-pad{flex-direction:column}.ry-btn{min-width:64px;min-height:60px}.ry-right .ry-btn.accent{min-width:64px;min-height:84px}.ry-total,.ry-medals{display:none}}