.cr-topgap{margin-left:auto}.cr-app{flex-direction:column;flex:1;gap:12px;width:100%;max-width:1180px;min-height:0;margin:0 auto;padding:16px 20px;display:flex}.cr-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;display:flex}.cr-title h1{letter-spacing:-.02em;font-size:28px;font-weight:900}.cr-title p{color:var(--muted);margin-top:4px}.cr-ladder{flex:0 360px;min-width:260px}.cr-stage{aspect-ratio:2;border-radius:14px;width:100%;min-height:240px;max-height:62vh;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000073}.cr-canvas{cursor:pointer;touch-action:none;background:#2b1b4d;border:0;border-radius:0;width:100%;height:100%;display:block}.cr-overlay{text-align:center;background:radial-gradient(circle,#140a1e8c,#0a050fd9);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.cr-overlay h2{letter-spacing:-.02em;font-size:clamp(26px,5vw,44px);font-weight:900}.cr-overlay p{color:#e6dff0}.cr-overlay .fine{color:var(--muted)}.cr-actions{justify-content:center}.cr-foot{text-align:center}@media (width<=700px){.cr-app{padding:10px 12px}.cr-title h1{font-size:22px}.cr-title p{font-size:14px}.cr-ladder{flex-basis:100%}.cr-stage{aspect-ratio:5/4;max-height:60vh}}.cr-pick{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.cr-modes{background:var(--surface);border:1px solid var(--line);border-radius:999px;gap:4px;padding:4px;display:flex}.cr-mode{color:var(--muted);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:800}.cr-mode[aria-pressed=true]{background:var(--accent);color:#fff}.cr-riders{scrollbar-width:none;flex:1;gap:4px;min-width:0;padding:2px;display:flex;overflow-x:auto}.cr-rider{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.cr-rider[aria-pressed=true]{border-color:var(--gold);background:var(--surface-2);box-shadow:0 0 0 1px var(--gold) inset}.cr-hall .hall-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 18px;display:grid}@media (width>=900px) and (height<=820px){.cr-app{gap:8px;padding-top:10px}.cr-title p{display:none}.cr-stage{aspect-ratio:auto;height:calc(100dvh - 206px);min-height:260px;max-height:none}}