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