/* 시계 지도(워치넘버 /map 에서 옮김, 카드티커 시장 지도 짜임) */
.map-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.map-head .page-head{margin-bottom:0}
.map-ctl{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.map-legend{display:flex;border-radius:var(--r-s);overflow:hidden}
.map-legend span{padding:4px 8px;font-size:var(--t-xs);color:#fff}
.map-tabs{display:flex;gap:4px}
.map-tabs a{display:inline-flex;align-items:center;height:var(--ctl);padding:0 12px;border-radius:var(--r);color:var(--tx3);font-size:var(--t-md)}
.map-tabs a:hover{color:#fff;background:var(--hover)}
.map-tabs a.on{background:var(--panel2);color:#fff;font-weight:600;box-shadow:inset 0 0 0 1px var(--line3)}
.grid-map{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:stretch}
.map-box{container-type:inline-size;min-width:0}
.map{display:grid;width:100%;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:calc(100cqw / var(--cols) * 1.25);border-radius:var(--r-l);overflow:hidden;background:var(--bg)}
.map-m,.only-m{display:none}
.tile{position:relative;display:block;min-width:0;min-height:0;padding:2px;overflow:hidden;color:#fff}
.tile img{display:block;width:100%;height:100%;object-fit:contain;background:#F4F5F7}
.tile-label{position:absolute;left:2px;right:2px;bottom:2px;padding:2px 8px 4px;line-height:1.25;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.tile-s{padding:1px}
.tile-s .tile-label{left:1px;right:1px;bottom:1px;padding:1px 0;text-align:center}
.tile-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile-pct{font-weight:700;letter-spacing:-.04em;white-space:nowrap}
.tile-won{white-space:nowrap;overflow:hidden;text-overflow:clip}
.tile-kind{font-size:var(--t-xs);opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.map-sub{color:var(--mut);font-size:var(--t-xs)}
.map-moves{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.brand-mv{display:flex;align-items:center;gap:12px;padding:4px;border-radius:var(--r)}
.brand-mv:hover{background:var(--hover)}
.brand-mv .ph{width:32px;height:32px}
.brand-mv>div{flex:1;min-width:0}
.bm-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.bm-name{font-weight:600;font-size:var(--t-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bm-p{flex:none;font-size:var(--t-sm)}
.bm-n{color:var(--mut);font-size:var(--t-xs)}
.bar{height:4px;margin-top:4px;border-radius:2px;background:var(--line);overflow:hidden}.bar i{display:block;height:100%}
/* PC: 옆 칸 높이 = 지도 높이, 넘치면 칸 안에서 넘김 */
.map-side{height:0;min-height:100%;display:flex;flex-direction:column}
.map-moves{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line3) transparent}
@media (max-width:1320px){.grid-map{grid-template-columns:minmax(0,1fr)}.map-side{height:auto;min-height:0}.map-moves{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));overflow:visible}}
@media (max-width:760px){.map-pc,.only-pc{display:none}.map-m{display:grid}.only-m{display:inline}.map-tabs a{padding:0 8px}.map-moves{grid-template-columns:minmax(0,1fr)}}
.brand-mv img{width:32px;height:32px;border-radius:6px;object-fit:contain;background:#F4F5F7;flex:none}
.map-pct-up{color:var(--up)}.map-pct-dn{color:var(--dn)}