.layout-study{display:flex;align-items:center;gap:16px;padding:10px 24px;border-bottom:1px solid #dedfd4;background:#f6f6ee}.layout-study>div{display:flex;flex-shrink:0;gap:4px;padding:3px;background:#e8eade;border-radius:8px}.layout-study button{border:0;background:transparent;border-radius:5px;padding:8px 12px;color:#687260;font:inherit;font-size:12px;cursor:pointer}.layout-study button[aria-pressed=true]{background:#fff;color:#304b37;box-shadow:0 1px 4px #263f251a;font-weight:700}.layout-study p{font-size:12px;color:#747c6c;margin:0;line-height:1.5}.ordered-lane{position:absolute;top:80px;height:2970px;background:#526e3b06;border-left:1px solid #65755318;border-right:1px solid #65755318;pointer-events:none}.ordered-lane>b{position:absolute;top:-55px;left:0;width:100%;text-align:center;font-size:26px;letter-spacing:3px;color:#6d7c62;font-weight:600}.ordered-lane.royals{background:#74875609}.ordered-row{position:absolute;border-top:1px dashed #71856345;height:0;pointer-events:none}.ordered-row span{position:absolute;left:12px;top:-40px;color:#7c876d;font-size:22px;letter-spacing:1px;background:#f3f4e9;padding:3px 12px}.ordered-lane,.ordered-row{z-index:-1}body[data-layout=ordered] #viewport{background-color:#f3f4e9}
@media(max-width:700px){.layout-study{padding:9px 15px;gap:8px;align-items:flex-start;flex-direction:column}.layout-study p{font-size:10px}.layout-study button{min-height:36px}}

body[data-layout=ordered] .map-name.ordered-name{box-sizing:border-box;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;font-size:12px;line-height:1.25;padding:4px 2px;text-align:center}body[data-layout=ordered] .ordered-lane>b{font-size:max(22px,calc(12px / var(--map-zoom,1)));letter-spacing:0}body[data-layout=ordered] .ordered-row span{font-size:max(20px,calc(10px / var(--map-zoom,1)));left:0;width:340px;box-sizing:border-box;text-align:center;top:calc(-20px / var(--map-zoom,1));letter-spacing:0;padding:2px}